/*
Theme Name: BlankSlate new
Theme URI: hiddenbrains.com/
Author: HiddenBrains
Author URI: hiddenbrains.com/
Description:BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 9999.999.999
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate is distributed under the terms of the GNU GPL
*/

/* Header Section style css start */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC16PYxPY3rXxEndZJAzN3SuT4THvlGFb1xN.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC16PYxPY3rXxEndZJAzN3SuT4THvl-Fbw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC1nPYxPY3rXxEndZJAzN3SuRyHlq2Ck.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC1nPYxPY3rXxEndZJAzN3SuRy_lqw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC16PYxPY3rXxEndZJAzN3SuT5TAvlGFb1xN.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC16PYxPY3rXxEndZJAzN3SuT5TAvl-Fbw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC14PYxPY3rXxEndZJAzN3wAVTjMjl2daw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC14PYxPY3rXxEndZJAzN3wAVTjCjl0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC1lPYxPY3rXxEndZJAzN3Sldy39rw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC1lPYxPY3rXxEndZJAzN3Srdy0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC14PYxPY3rXxEndZJAzN3wQUjjMjl2daw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inria Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inriaserif/v16/fC14PYxPY3rXxEndZJAzN3wQUjjCjl0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: inria_serifbold;
    src: url("https://cdn-server.hiddenbrains.com/Home/_next/static/media/inriaserif-bold-webfont.be587771.woff2") format("woff2"), url("https://cdn-server.hiddenbrains.com/Home/_next/static/media/inriaserif-bold-webfont.e43f17cf.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: robotomedium;
    src: url("https://cdn-server.hiddenbrains.com/Home/_next/static/media/roboto-medium-webfont.d8eb28bb.woff2") format("woff2"), url("https://cdn-server.hiddenbrains.com/Home/_next/static/media/roboto-medium-webfont.48e2299a.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("https://www.hiddenbrains.com/blog/wp-content/themes/blankslate/assets/fonts/IBMPlexSans/fonts/IBMPlexSansRegular.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("https://www.hiddenbrains.com/blog/wp-content/themes/blankslate/assets/fonts/IBMPlexSans/fonts/IBMPlexSansMedium.woff2") format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("https://www.hiddenbrains.com/blog/wp-content/themes/blankslate/assets/fonts/IBMPlexSans/fonts/IBMPlexSansSemiBold.woff2") format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}




:root {
    /*--primary_light: 'lato_lightregular', 'Helvetica Neue', 'Helvetica';
  --primary_regular: 'latoregular', 'Helvetica Neue', 'Helvetica';
  --primary_medium: 'latomedium', 'Helvetica Neue', 'Helvetica';
  --primary_semibold: 'latosemibold', 'Helvetica Neue', 'Helvetica';
  --primary_bold: 'latobold', 'Helvetica Neue', 'Helvetica';
  --primary_extrabold: 'lato_blackregular', 'Helvetica Neue', 'Helvetica';
  --body-color: #212121;
  --primary-color: #0067ff;
  --black-theme: #000000;
  --white-theme: #ffffff;
  --cmntitle-gradient: linear-gradient(242.55deg, #00FF00 24.11%, #2268F2 99.3%);
  --cmn-bgcolor: #050d16;*/
}

:root {
    --base-font: 'IBM Plex Sans', sans-serif;
}

:host,
:root {
    --base-font: 'IBM Plex Sans', sans-serif;
}


body {
    /*  font-family: var(--font-primary);
  color: var(--body-color);
  background-color: #f8f8ff;*/
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow-x: hidden;
    font-size: calc(18px + 0vw);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #555555;
}

a {
    text-decoration: none;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--primary-color);
}

ul,
ol {
    list-style: none;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul {
    padding-left: 2rem;
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul {
    margin-bottom: 0;
}

blockquote {
    margin: 0 0 1rem;
}

small {
    font-size: 0.875em;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    text-transform: none;
}

button,
[type=button] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled) {
    cursor: pointer;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.figure {
    display: inline-block;
}

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn:disabled {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.collapse:not(.show) {
    display: none;
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
}

.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.d-flex {
    display: flex !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center !important;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

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

.p-0 {
    padding: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.text-center {
    text-align: center !important;
}

.z-1 {
    z-index: 1 !important;
}

.btn {
    min-width: 228px;
    min-height: 56px;
    border: 1px solid #fc3441;
    cursor: pointer;
    text-decoration: none;
    border-radius: 150px;
    background: #fc3441;
    position: relative;
    left: 0;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    font-size: calc(14.8px + .0625vw);
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 0 1.5rem;
    outline: 0;
}

.btn:hover {
    color: #ffffff;
}


.cmn-btn {
    height: fit-content;
    position: relative;
    transition: .5s ease-in-out;
    display: inline-flex;
    justify-content: unset;
}

.cmn-btn .btn-inner {
    display: flex;
    justify-content: end;
    align-items: center;
    text-decoration: none !important;
    outline: 0;
    box-shadow: none;
    background: none;
    border: none;
    border-radius: 120px;
    overflow: hidden;
}

.cmn-btn .btn-inner .icon-span {
    display: grid;
    place-content: center;
    border: 1px solid #fc3441;
    background-color: #fc3441;
    height: 56px;
    width: 56px;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out;
    border-radius: 100px;
}

.cmn-btn .btn-inner .icon-span img {
    width: 1.5rem;
    height: 1.5rem;
}

.cmn-btn .btn-inner .btn {
    min-width: 228px;
    min-height: 56px;
    border: 1px solid #fc3441;
    cursor: pointer;
    text-decoration: none;
    border-radius: 100px;
    background: #fc3441;
    position: relative;
    left: 0;
    font-size: calc(15px + 1*(100vw - 320px) / 1600);
    line-height: calc(24px + 0*(100vw - 1920px) / 1920);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 0 1.5rem;
}

.cmn-btn .btn-inner .btn:hover {
    color: #ffffff;
}

.cmn-btn:hover .btn-inner .icon-span {
    transform: translateX(0);
    left: 100%;
}

.cmn-btn:hover .btn-inner .text {
    transform: translateX(-56px);
}

.cmn-btn .text {
    color: #ffffff;
    transition: all 0.5s ease-in-out;
    display: grid;
    place-content: center;
}

.cmn-btn .btn-inner .icon-span .buttonarrow {
    display: block;
    margin: 20px auto;
    height: 12px;
    width: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(86deg);
    left: 5px;

}

.cmn-btn .btn-inner .icon-span .buttonarrow:after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #fff;
    transform: rotate(-45deg) translate(15px, 4px);
    left: -10px;
    top: 5px;
    position: absolute;
}

.CmnButtoncmn-btn.CmnButtonred:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow,
.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow {
    border-color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonred:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow::after,
.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow::after {
    background-color: #fc3441;
}

::selection {
    color: #ffffff;
    background-color: #363636;
}

a {
    color: #555555;
    text-decoration: underline;
    transition-duration: 0.5s;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #555555;
    transition-duration: 0.5s;
}

a:focus {
    box-shadow: none;
    outline: none;
}

img {
    height: auto;
    font-size: 12px;
    line-height: 18px;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

.container {
    max-width: 1600px !important;
}

.container-fluid {
    max-width: 1600px !important;
}

@keyframes ClientVideoCardrotate {
    to {
        transform: rotate(1turn);
    }
}


/*header-css start*/

.whitebgmenu .header {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: ease-in 0.3s;
}

.whitebgmenu .header .navbar .nav-item .nav-link {
    color: #121212;
}

.whitebgmenu .header .navbar .nav-item .nav-link:after {
    border-color: #121212;
}

.whitebgmenu .header .hb-logo .menlogowhite {
    display: none;
}

.whitebgmenu .header .hb-logo .menlogoblack {
    display: block;
}

.whitebgmenu .header .hdr-rt .humburger-menu span {
    background: #121212;
}

.CmnButtonbtn {
    min-width: 226px;
    min-height: 56px;
    border: 1px solid #fc3441;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    border-radius: 100px;
    background: #fc3441;
    position: relative;
    left: 56px;
    font-family: "Roboto", sans-serif;
    font-size: calc(15px + 1 * (100vw - 320px) / 1600);
    line-height: calc(24px + 0 * (100vw - 1920px) / 1920);
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 0 1.5rem;
}

.CmnButtonbtn:hover {
    color: #ffffff;
}

.CmnButtoncmn-btn {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    transition: all 0.5s ease-in-out;
    display: inline-flex;
    justify-content: unset;
}

.CmnButtoncmn-btn .CmnButtonbtn-inner {
    display: flex;
    justify-content: end;
    align-items: center;
    text-decoration: none !important;
    outline: 0;
    box-shadow: none;
    background: none;
    border: none;
    border-radius: 120px;
    overflow: hidden;
}

.CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span {
    display: grid;
    place-content: center;
    border: 1px solid #fc3441;
    background-color: #fc3441;
    height: 56px;
    width: 56px;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease-in-out;
    border-radius: 100px;
}

.CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span img {
    width: 1.5rem;
    height: 1.5rem;
}

.CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn {
    min-width: 228px;
    min-height: 56px;
    border: 1px solid #fc3441;
    cursor: pointer;
    text-decoration: none;
    border-radius: 100px;
    background: #fc3441;
    position: relative;
    left: 0;
    font-size: calc(15px + 1*(100vw - 320px) / 1600);
    line-height: calc(24px + 0*(100vw - 1920px) / 1920);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    padding: 0 1.5rem;
}

.CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn:hover {
    color: #ffffff;
}

.CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtonicon-span {
    transform: translateX(0);
    left: 100%;
}

.CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtontext {
    transform: translateX(-56px);
}

.CmnButtoncmn-btn.CmnButtonred .CmnButtonbtn-inner .CmnButtonicon-span {
    border-color: #fc3441;
    background-color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonred .CmnButtonbtn-inner .CmnButtonicon-span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(310deg) brightness(110%) contrast(107%);
}

.CmnButtoncmn-btn.CmnButtonred .CmnButtonbtn-inner .CmnButtonbtn {
    border-color: #fc3441;
    background: #fc3441;
    color: #ffffff;
}

.CmnButtoncmn-btn.CmnButtonred .CmnButtonbtn-inner .CmnButtonbtn:hover {
    color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonred:hover .CmnButtonicon-span {
    background-color: #ffffff;
    border-color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonred:hover .CmnButtonicon-span img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(54%) saturate(4148%) hue-rotate(339deg) brightness(101%) contrast(97%);
}

.CmnButtoncmn-btn.CmnButtonred:hover .CmnButtonbtn {
    background: #ffffff;
    color: #fc3441;
    border-color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonthinbtn .CmnButtonbtn-inner .CmnButtonicon-span {
    border-color: #fc3441;
    background-color: #fc3441;
    height: 44px;
    width: 44px;
}

.CmnButtoncmn-btn.CmnButtonthinbtn .CmnButtonbtn-inner .CmnButtonicon-span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(310deg) brightness(110%) contrast(107%);
}

.CmnButtoncmn-btn.CmnButtonthinbtn .CmnButtonbtn-inner .CmnButtonbtn {
    border-color: #fc3441;
    background: #fc3441;
    color: #ffffff;
    min-width: 140px;
    min-height: 44px;
    left: 0;
}

.CmnButtoncmn-btn.CmnButtonthinbtn .CmnButtonbtn-inner .CmnButtonbtn:hover {
    color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonicon-span {
    background-color: #ffffff;
    border-color: #fc3441;
    left: calc(100% - 44px);
}

.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonicon-span img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(54%) saturate(4148%) hue-rotate(339deg) brightness(101%) contrast(97%);
}

.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonbtn {
    background: #ffffff;
    color: #fc3441;
    border-color: #fc3441;
}

.CmnButtoncmn-btn.CmnButtonthinbtn:hover .CmnButtonbtn-inner .CmnButtonbtn {
    transform: translateX(-44px);
}

.CmnButtoncmn-btn .CmnButtontext {
    color: #ffffff;
    transition: all 0.5s ease-in-out;
    display: grid;
    place-content: center;
}


.Headerheader {
    padding: 0;
    visibility: visible;
    background-color: transparent;
    color: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    transition-duration: 0.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}

.Headerheader .Headerhdr-rt {
    opacity: 1;
}

.Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .icon-span {
    height: 40px;
    width: 40px;
}

.Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .btn {
    height: 40px;
    min-height: 40px;
    min-width: 186px;
}

.Headerheader .Headerhdr-rt .btnresponsive.cmn-btn:hover .btn-inner .text {
    transform: translateX(-40px);
}

.Headerheader .Headerhdr-rt .btnresponsive.cmn-btn:hover .btn-inner .icon-span {
    left: 82%;
}

/* .Headerheader .Headerhdr-rt .navbar .nav-item:hover .megamenu {
    display: block;
} */

blockquote.ClientSaysCardtitle.title {
    background: unset;
    border-left: unset;
}

.Headerheader .hb-logo .menlogowhite {
    display: block;
}

.Headerheader .hb-logo .menlogoblack {
    display: none;
}

.Headermenuscrall {
    max-height: calc(100vh - 100px);
    overflow: hidden;
    overflow-y: auto;
}

.Headermenuscrall::-webkit-scrollbar {
    width: 5px;
    display: block !important;
    border-radius: 50px;
}

.Headermenuscrall::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.Headermenuscrall::-webkit-scrollbar-thumb {
    background-color: #8a8a8a;
    border-radius: 50px;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li a {
    color: #121212;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button.collapsed a {
    color: #121212;
}



/* .Headermegamenu {
    z-index: 9;
    width: 100%;
    left: 0;
    top: 88px;
    position: absolute;
    padding: 0;
    color: #121212;
    box-shadow: 0px 5px 17px -1px rgba(0, 0, 0, 0.15);
    display: none;
    transition-duration: 0.3s;
} */

.Headermegamenu {
    cursor: auto;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 88px;
    position: absolute;
    padding: 0;
    color: #121212;
    box-shadow: 0px 5px 17px -1px rgba(0, 0, 0, 0.15);
    display: none;
    transition-duration: 0.3s;
}

.Headermegamenu .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.Headermegamenu .Headermegamenuboxcover {
    flex: 1 0;
    background-color: #ffffff;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
    padding: 30px 55px;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn {
    background-color: #f5f5f5;
    padding: 18px 30px 30px;
    min-width: 350px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul {
    padding: 0 0 0 0;
    margin: 0 0 20px;
    width: 100%;
    display: block;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li {
    font-family: "Roboto", sans-serif;
    font-size: calc(15px + 1 * (100vw - 320px) / 1600);
    line-height: calc(24px + 0 * (100vw - 1920px) / 1920);
    line-height: 1.172rem;
    font-weight: 400;
    text-align: left;
    color: #121212;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    word-break: break-word;
    cursor: pointer;
}

/* .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #121212;
    transition: all 0.5s ease-in-out;
} */

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #fc3441;
    transition: all 0.5s ease-in-out;
}

/* .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li:hover {
    background-color: #fc3441;
    transition: all 0.5s ease-in-out;
    color: #ffffff;
} */

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li:hover {
    background-color: #e5e5e5;
    transition: all 0.5s ease-in-out;
    color: #121212;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li:hover:before {
    height: 49px;
    transition: all 0.5s ease-in-out;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li.Headeractive {
    background-color: #fc3441;
    color: #ffffff;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li.Headeractive:before {
    height: 49px;
    transition: all 0.5s ease-in-out;
    background-color: #121212;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer {
    padding: 20px 0 0;
    border-top: 1px solid #cccccc;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs {
    gap: 24px 43px;
}

.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs img {
    width: 100%;
    max-width: 40px;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
    padding: 0 30px;
    margin: 24px 0;
    min-width: 400px;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo:before {
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #8a8a8a;
    left: 0;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec {
    justify-content: space-between;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec img {
    max-width: 100%;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog {
    gap: 16px;
    margin-top: 62px;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog li {
    width: 46%;
    height: 100px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrinnone {
    padding: 0;
    width: 100%;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrinnone.Headerother-side {
    min-width: 100% !important;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrinnone .HeadermenuLinksCol ul {
    flex-direction: column;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrinnone .HeadermenuLinksCol ul li {
    width: 100%;
}

.Headermegamenu .Headermegamenuboxcover.Headermegamenuboxcover-solution .Headermenufirstcolumn {
    justify-content: flex-start;
}

.Headermegamenu .Headermegamenuboxcover.Headermegamenuboxcover-solution .Headersoln-title {
    font-family: "Roboto", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.25rem;
    color: #121212;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 1rem;
}

.Headermegamenu .Headermegamenuboxcover.Headermegamenuboxcover-cpmny .Headermenufirstcolumn {
    justify-content: space-between;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvripad {
    display: none !important;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvripad .Headermegamenuboxcvrinnone {
    padding: 0;
}

.Headermegamenu figure {
    margin: 0;
    text-align: center;
}

.Headermegamenu .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

.Headermegamenuboxcvrintwo-noline::before {
    display: none;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headeryears-celbrs img {
    max-width: 100% !important;
}

.GesiaAwardgesiawrd {
    display: flex;
    gap: 16px;
    align-items: center;
    z-index: 1;
}

.GesiaAwardgesiawrd figure {
    margin: 0;
}

.GesiaAwardgesiawrd .GesiaAwardgesiawrdside {
    flex-direction: column;
    font-size: 1.375rem;
    font-family: "inria_serifbold", "Helvetica Neue", "Helvetica";
    line-height: 30px;
    color: #121212;
}

.GesiaAwardgesiawrd .GesiaAwardgesiawrdside .GesiaAwardgesiawrdsidesmal {
    font-size: 0.625rem;
    font-family: "robotomedium", "Helvetica Neue", "Helvetica";
    line-height: 14px;
}

.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .gesiawrd .gesiawrdside {
    font-size: 1.125rem;
    line-height: 24px;
}


.TopMenunav .TopMenunavbar {
    margin-right: 20px;
}

.TopMenunav .TopMenunavbar .TopMenunav-item {
    padding: 20px 22px;
    transition-duration: 0.5s;
    border-bottom: 3px solid transparent;
}

.TopMenunav .TopMenunavbar .TopMenunav-item:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 15px;
    width: 24px;
    height: 24px;
    z-index: 11;
    display: block;
    background-size: 15px 24px;
    filter: brightness(100%) invert(0);
    display: none;
}

.TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link {
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding: 0;
    display: block;
    line-height: 46px;
    transition: ease-in 0.3s;
}

.TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link:after {
    margin-top: -4px;
}

.TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link:after {
    content: " ";
    padding-right: 0;
    float: none;
    transition-duration: 0.4s;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    width: 8px;
    height: 8px;
    transform: rotate(136deg);
    display: block;
    position: absolute;
    right: -20px;
    top: 20px;
}

.TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link:hover:after {
    transform: rotate(136deg);
    transition-duration: 0.4s;
}

.TopMenunav .TopMenunavbar .TopMenunav-item:hover {
    border-color: #fc3441 !important;
}

.TopMenunav .TopMenunavbar .TopMenunav-item:hover .TopMenunav-link {
    color: #fc3441 !important;
}

.TopMenunav .TopMenunavbar .TopMenunav-item:hover .TopMenunav-link:after {
    border-color: #fc3441 !important;
}


.TopMenuhumburgermenucover {
    padding: 12px 0 12px 12px;
}

.TopMenuhumburger-menu {
    width: 25px;
    height: 20px;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: none;
}

.TopMenuhumburger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 51%;
    background: #ffffff;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.TopMenuhumburger-menu span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

.TopMenuhumburger-menu span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

.TopMenuhumburger-menu span:nth-child(1),
.TopMenuhumburger-menu span:nth-child(2) {
    top: 0px;
}

.TopMenuhumburger-menu span:nth-child(3),
.TopMenuhumburger-menu span:nth-child(4) {
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
}

.TopMenuhumburger-menu span:nth-child(5),
.TopMenuhumburger-menu span:nth-child(6) {
    bottom: 0;
}

.TopMenumobileviewset {
    overflow-x: hidden;
}

.TopMenumobileviewset .TopMenuexpert-cont {
    margin-top: auto;
    padding: 20px 20px 0 20px;
    color: #121212;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: auto;
}

.TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-lt {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 24px;
}

.TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-lt .TopMenuexpert-hdng {
    margin-bottom: 3px;
}

.TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-lt p {
    margin: 0;
}

.TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-rt {
    width: 50%;
}

.TopMenumobileviewset .TopMenuexpert-cont .cmn-btn .btn-inner .btn {
    min-width: 270px;
}


.menuopen .TopMenuhumburger-menu span:first-child {
    left: 0;
    top: 5px;
}

.menuopen .TopMenuhumburger-menu span:nth-child(2) {
    left: calc(50% - 5px);
    top: 5px;
}

.menuopen .TopMenuhumburger-menu span:nth-child(2),
.menuopen .TopMenuhumburger-menu span:nth-child(5) {
    transform: rotate(-45deg);
}

.menuopen .TopMenuhumburger-menu span:first-child,
.menuopen .TopMenuhumburger-menu span:nth-child(6) {
    transform: rotate(45deg);
}

.menuopen .TopMenuhumburger-menu span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.menuopen .TopMenuhumburger-menu span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.menuopen .TopMenuhumburger-menu span:nth-child(5) {
    left: 0;
    top: 12px;
}

.menuopen .TopMenuhumburger-menu span:nth-child(6) {
    left: calc(50% - 5px);
    top: 12px;
}

.menuopen .TopMenuhumburger-menu span {
    transition: .25s ease-in-out;
}

/* .TopMenumobileMenu {
    transition-duration: .5s !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
} */

.TopMenumobileMenu {
    transition-duration: .1s !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.TopMenumobileMenu .accordion {
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
    flex: 1 1;
    display: flex;
    flex-direction: column;
}

.TopMenumobileMenu .accordion .accordion-item {
    border-radius: 0;
    border: none;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header {
    color: #121212;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button {
    color: #121212;
    background-color: #f0f0f0;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    padding: 18px 20px;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):focus {
    font-weight: 500;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:after,
.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:before {
    content: " ";
    position: absolute;
    border-radius: 100px;
    background-color: #121212;
    transition-duration: .5s;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:before {
    width: 2px;
    height: 18px;
    right: 28px;
    top: 21px;
    transform: rotate(90deg);
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:after {
    width: 18px;
    height: 2px;
    right: 20px;
    transform: rotate(0);
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: #fff;
    color: #121212;
    opacity: 1;
    font-weight: 400;
}


.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button.collapsed:before {
    transform: rotate(0);
    transition-duration: .5s;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.TopMenumobileMenu .accordion .accordion-item .accordion-collapse .accordion-body,
.TopMenumobileMenu .accordion .accordion-item .accordion-collapse .accordion-body .megamenu {
    padding: 0;
}


.MegaMenumenuCardTtl {
    line-height: 36px;
    margin-bottom: 25px;
    color: #121212;
    font-weight: 400;
    display: block;
}

.MegaMenumenuCardTtl a:not(.MegaMenu_btn__Cta_b) {
    color: #121212 !important;
}

.MegaMenumenuCardTtl a:not(.MegaMenu_btn__Cta_b):hover {
    color: #fc3441 !important;
}

.MegaMenumenuCardTtl a {
    text-decoration: none;
    color: #ffffff;
    position: relative;
}

.MegaMenumenuCardTtl a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    right: 0;
    background: #121212;
    transition: all 0.2s ease-in-out;
}

.MegaMenumenuCardTtl a:hover:after {
    width: 100%;
    left: 0;
    background: #fc3441;
}

.MegaMenumenuCardTtl.MegaMenumenuCardTtl-cmny {
    margin-bottom: 10px;
}

.MegaMenumenuCardpara {
    color: #5e5e5e;
    margin-bottom: 36px;
    font-size: 12px;
    line-height: 20px;
}

.MegaMenumenuLinksCol ul {
    display: flex;
    row-gap: 16px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.MegaMenumenuLinksCol ul li {
    padding: 3px 0;
    position: relative;
    width: 48%;
}

.MegaMenumenuLinksCol ul li span {
    font-size: 1rem;
    color: #121212;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-weight: 400;
}

.MegaMenumenuLinksCol ul li a {
    font-size: 1rem;
    color: #121212;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-weight: 400;
}

.MegaMenumenuLinksCol ul li a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    right: 0;
    background: #121212;
    transition: all 0.2s ease-in-out;
}

.MegaMenumenuLinksCol ul li a:hover:after {
    width: 100%;
    left: 0;
    background: #fc3441;
}

.MegaMenumenuLinksCol ul li .MegaMenumenu-discrip {
    margin-top: 5px;
    color: #555555;
    font-size: 12px;
    line-height: 18px;
}

.MegaMenumenuLinksCol.MegaMenusolution-cstm ul li {
    display: flex;
    column-gap: 16px;
    justify-content: flex-start;
}

.MegaMenumenuLinksCol.MegaMenusolution-cstm ul li figure {
    width: 64px;
    height: 64px;
}

.MegaMenumenuLinksCol.MegaMenusolution-cstm ul li figure img {
    max-width: 56px;
    height: auto;
    width: 100%;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul {
    flex-direction: inherit !important;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li {
    display: flex;
    column-gap: 18px;
    align-items: center;
    float: left;
    width: 50% !important;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li .MegaMenusoln-rght-icon {
    transition: all 0.5s ease-in-out;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li .MegaMenusoln-rght-icon img {
    width: 30px;
    height: 30px;
    min-width: 30px;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li .MegaMenumenu-discrip {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li .MegaMenumenu-discrip::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 10px;
    width: 1px;
    height: 24px;
    background: #575757;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li:hover .MegaMenusoln-rght-icon {
    transition: all 0.5s ease-in-out;
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li:hover .MegaMenusoln-rght-icon img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(74%) saturate(4286%) hue-rotate(341deg) brightness(109%) contrast(98%);
}

.MegaMenumenuLinksCol.MegaMenusoln-rght ul li:hover .MegaMenumenu-discrip {
    transition: all 0.5s ease-in-out;
    color: #121212;
}

.MegaMenumenuLinksCol.MegaMenucompany-rght ul {
    flex-direction: inherit !important;
    column-gap: 48px;
    justify-content: center !important;
    margin-bottom: 3.75rem;
}

.MegaMenumenuLinksCol.MegaMenucompany-rght ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 23% !important;
    row-gap: 10px;
}

.MegaMenumenuLinksCol.MegaMenucompany-rght ul li .MegaMenuinner-cmp-txt {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}

.MegaMenuftr-col {
    margin-bottom: 20px;
}

.MegaMenuftr-col a {
    text-decoration: none;
}

.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li {
    display: flex;
    column-gap: 16px;
    justify-content: flex-start;
}

.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li .MegaMenuftr-col-casestudy-lgiocn {
    height: 64px;
    width: 64px;
    min-width: 64px;
    display: block;
}

.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li .MegaMenuftr-col-casestudy-lgiocn img,
.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li .MegaMenuftr-col-casestudy-lgiocn svg {
    max-width: 100%;
    height: auto;
}

.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li .MegaMenuftr-col-casestudylink {
    display: flex;
    flex-wrap: wrap;
}

.MegaMenuftr-col.MegaMenuftr-col-casestudy .MegaMenumenuLinksCol ul li .MegaMenuftr-col-casestudylink .MegaMenumenu-discrip {
    width: 100%;
}

.MegaMenuexpert-cont .MegaMenuexpert-lt {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 24px;
}

.MegaMenuexpert-cont .MegaMenuexpert-lt .MegaMenuexpert-hdng {
    margin-bottom: 3px;
}

.MegaMenuexpert-cont .MegaMenuexpert-lt p {
    margin: 0;
}

.MegaMenuexpert-cont .MegaMenuexpert-rt {
    width: 50%;
}

.MegaMenulegaybox {
    display: block;
    padding-top: 70px;
}

.MegaMenulegaybox .grid-container {
    margin-bottom: 36px;
}

.MegaMenulegaybox .grid-container .grid-item {
    height: 150px;
    padding: 24px;
}

.MegaMenulegaybox .grid-container .grid-item .softdevcomptitle {
    font-size: 1rem;
    line-height: 1.5rem;
}

.MegaMenulegaybox .grid-container .grid-item .softdevcompvalue span {
    position: relative;
}

.MegaMenulegaybox .grid-container .grid-item:nth-child(4) .softdevcompvalue span {
    font-size: 2.25rem;
    bottom: -7px;
    position: relative;
}

.MegaMenulegaybox .grid-container .grid-item .softdevcompvalue {
    font-size: 3.5rem;
    bottom: 16px;
}

.MegaMenulegaybox .grid-container .grid-item .softdevcompvalue:before {
    height: 24px;
    bottom: 5px;
    left: 10px;
}

.MegaMenulegaybox .grid-container .grid-item:nth-child(2n+2) {
    transform: translateY(20px);
}

.MegaMenumenuLinksColtestimonial {
    opacity: 1;
}

.MegaMenumenuLinksColtestimonial .cientsayscard .tp-cnt {
    row-gap: 44px;
}

.MegaMenumenuLinksColtestimonial .cientsayscard .client-cnt .client-name small {
    font-size: 14px !important;
}

.MegaMenumenuLinksColtestimonial .cientsayscard {
    opacity: 1;
}

.MegaMenumenuLinksColtestimonial .cientsayscard {
    opacity: 1;
}

.MegaMenumenuLinksColtestimonial .clientvideocard {
    width: 384px;
    min-height: 216px;
    padding: 32px 24px;
}

.MegaMenumenuLinksColtestimonial .clientvideocard::before {
    width: 200px;
    height: 200px;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img img {
    height: 120px !important;
    width: 120px !important;
    border-radius: 50%;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img .video-btn {
    height: 70px !important;
    width: 70px !important;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img .video-btn .btn-inner .icon-span {
    width: 40px;
    height: 40px;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img .video-btn .btn-inner .icon-span img {
    height: 22px !important;
    width: 22px !important;
    border-radius: 0;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img .video-btn .btn-inner .rotate-text img {
    height: 60px !important;
    width: 60px !important;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .rght-client-cnt::after {
    left: -18px;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card::before {
    background-size: 60%;
    top: 20px;
}

.MegaMenumenuLinksColtestimonial .clientvideocard .inner-card::after {
    background-size: 60%;
}

.MegaMenumenuLinksColtestimonial .clientvideocard::after {
    width: 120px;
    height: 120px;
}

.MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt::after {
    width: 230px;
}

.MegaMenusubonemenu {
    border-bottom: 1px solid #eef0f6;
    margin-bottom: 5px;
}

.MegaMenusubonemenu .accordion {
    width: 100%;
    background-color: #f5f5f5;
}

.MegaMenusubonemenu .accordion .accordion-item {
    border: none;
    border-radius: 0;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header {
    opacity: 1;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    padding: 10px 30px;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button figure {
    width: 36px;
    height: 36px;
    margin-right: 15px;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button figure img,
.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button figure svg {
    width: 36px;
    height: auto;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button:before {
    display: none;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button::after {
    border-radius: 0;
    background: none;
    height: 14px;
    width: 14px;
    display: block;
    right: 36px;
    display: block;
    margin: 30px auto;
    border-top: 2px solid #8a8a8a;
    border-left: 2px solid #8a8a8a;
    transform: rotate(135deg);
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: #F0F0F0;
    position: relative;
}

.MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody {
    padding: 0;
    position: fixed;
    top: 72px;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 998;
    padding: 0 0 25px;
    transition-duration: 0.5s;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody.showhide {
    right: -180%;
    transition-duration: 0.7s;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody.showbdy {
    right: 0;
    transition-duration: .7s;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull {
    z-index: 998;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner {
    padding: 18px 20px;
    background-color: #ffffff;
    box-shadow: 0px 8px 15px -2px rgba(0, 0, 0, 0.04);
    transition-duration: 0.5s;
    width: 100%;
    z-index: 999;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menubackbtn {
    opacity: 1;
    border: none;
    box-shadow: none;
    position: relative;
    background-color: transparent;
    padding: 0 15px 0 30px;
    color: #121212;
    font-size: 1rem;
    line-height: 28px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menubackbtn::after {
    content: " ";
    position: absolute;
    display: block;
    width: 1px;
    background-color: #8a8a8a;
    height: 18px;
    right: 0;
    top: 5px;
}

.MegaMenumenutestimonialwdh.col-xl-6.col-lg-12 {
    flex: 0 0 auto;
    width: 50%;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menubackbtn .menubackbtnarrow {
    display: block;
    margin: 20px auto;
    height: 12px;
    width: 12px;
    border-top: 2px solid #121212;
    border-left: 2px solid #121212;
    transform: rotate(-45deg);
    left: 5px;
    top: -12px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menubackbtn .menubackbtnarrow::after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #121212;
    transform: rotate(-45deg) translate(15px, 4px);
    left: -10px;
    top: 5px;
    position: absolute;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menuclotbtn {
    height: 40px;
    width: 40px;
    border: none;
    box-shadow: none;
    color: #fc3441;
    background-color: transparent;
    font-weight: 600;
    position: relative;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menuclotbtn::after,
.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menuclotbtn::before {
    content: " ";
    position: absolute;
    border-radius: 100px;
    z-index: 2;
    height: 24px;
    width: 3px;
    background-color: #fc3441;
    top: 8px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menuclotbtn::before {
    transform: rotate(45deg);
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobiletopinner .menuclotbtn::after {
    transform: rotate(-45deg);
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .mobilementitlefull .mobliesubtitleinner {
    display: block;
    width: calc(100% - 90px);
    padding-left: 8px;
    font-weight: 500;
    line-height: 28px;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul {
    overflow-y: auto;
    min-height: calc(-142px + 100vh);
    padding-bottom: 100px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li {
    display: flex;
    gap: 0 16px;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 20px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li:last-child {
    border-bottom: 0;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li Figure {
    margin: 0;
    height: 40px;
    width: 40px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li Figure img {
    max-width: 100%;
    height: auto;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li .suboneicnset {
    width: calc(100% - 56px);
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li .suboneicnset .menu-discrip {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li a.subonemenulink {
    position: relative;
    display: inline-flex;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li a.subonemenulink::before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 1px;
    background-color: #121212;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody ul li .subonemenulink {
    color: #121212;
    text-decoration: none;
    font-size: 1rem;
    line-height: 22px;
    padding: 0 0 6px 0;
    display: block;
    font-weight: 400;
}

.MegaMenusubonemenu .accordion .accordion-item .acydbody .cmn-btn {
    margin-left: 30px;
}

.MegaMenumenulinkheight {
    min-height: 390px;
}

.MegaMenumegamenuletstalk {
    display: block;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcomptitle {
    font-size: calc(18px + 2 * (100vw - 320px) / 1600);
    line-height: calc(32px + 4 * (100vw - 1920px) / 1920);
    color: #121212;
}

.LegacyFourBoxgrid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item {
    height: 246px;
    border-radius: 26px;
    padding: 38px 40px;
    background-color: transparent;
    transition-duration: 0.5s;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:hover {
    background-color: #ffffff !important;
    transition-duration: 0.5s;
    box-shadow: 0px 5px 17px -1px rgba(0, 0, 0, 0.15);
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(1) {
    background-color: #e2dbfd;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(1) .LegacyFourBoxsoftdevcompvalue::before {
    background-color: #6762ab;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(1):hover .LegacyFourBoxsoftdevcomptitle {
    color: #6762ab;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(2) {
    background-color: #feffcf;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(2) .LegacyFourBoxsoftdevcompvalue::before {
    background-color: #f3ba19;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(2):hover .LegacyFourBoxsoftdevcomptitle {
    color: #f3ba19;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(3) {
    background-color: #ebf5fc;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(3) .LegacyFourBoxsoftdevcompvalue::before {
    background-color: #0086c3;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(3):hover .LegacyFourBoxsoftdevcomptitle {
    color: #0086c3;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(4) {
    background-color: #d7ffe9;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(4):hover .LegacyFourBoxsoftdevcomptitle {
    color: #2ba44a;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(4) .LegacyFourBoxsoftdevcompvalue::before {
    background-color: #2ba44a;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(4) .LegacyFourBoxsoftdevcompvalue span {
    font-size: 54px;
    bottom: -10px;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue {
    font-family: "Inria Serif", "Helvetica Neue", "Helvetica";
    color: #121212;
    font-size: 6rem;
    line-height: 50px;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 48px;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue::before {
    content: " ";
    position: absolute;
    width: 3px;
    height: 38px;
    display: block;
    left: 0;
    bottom: -10px;
    background-color: transparent;
    border-radius: 50px;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue span {
    bottom: -3px;
}

.LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(2n+2) {
    transform: translateY(40px);
}


.ClientSaysCardcientsayscard blockquote {
    margin: 0;
    padding: 0;
}

.ClientSaysCardcientsayscard .ClientSaysCardtp-cnt {
    row-gap: 48px;
}

.ClientSaysCardcientsayscard {
    width: 385px;
}

.ClientSaysCardcientsayscard .ClientSaysCardtp-cnt .ClientSaysCardtitle {
    font-family: "Inria Serif", "Helvetica Neue", "Helvetica";
    font-weight: 700;
    font-size: calc(22px + 14 * (100vw - 320px) / 1600);
    line-height: calc(30px + 10 * (100vw - 320px) / 1600);
    margin-bottom: 0;
    color: #121212;
}

.ClientSaysCardcientsayscard .ClientSaysCardtp-cnt p {
    font-size: calc(15px + 1 * (100vw - 320px) / 1600);
    line-height: calc(24px + 0 * (100vw - 1920px) / 1920);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-align: left;
    color: #555555;
}

.ClientSaysCardcientsayscard .ClientSaysCardclient-cnt {
    column-gap: 19px;
    align-items: center;
    margin-top: 9px;
}

.ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardcircle {
    width: 64px;
    height: 64px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: calc(18px + 2 * (100vw - 320px) / 1600);
    line-height: calc(32px + 4 * (100vw - 1920px) / 1920);
    text-transform: uppercase;
    color: #121212;
}

.ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardcircle.ClientSaysCardyellow {
    background-color: #feffcf;
}

.ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardclient-name {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: calc(18px + 2 * (100vw - 320px) / 1600);
    line-height: calc(32px + 4 * (100vw - 1920px) / 1920);
    text-align: left;
    color: #121212;
}

.ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardclient-name small {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: left;
    color: #555555;
    display: block;
}

.ClientVideoCardclientvideocard {
    border-radius: 8px;
    width: 32.5rem;
    min-height: 293px;
    position: relative;
    overflow: hidden;
    padding: 44px 35px;
}

.ClientVideoCardclientvideocard::before {
    content: "";
    position: absolute;
    left: -60px;
    bottom: 80px;
    width: 272px;
    height: 272px;
    border-radius: 100%;
    border: 1px solid #2ba44a;
}

.ClientVideoCardclientvideocard::after {
    content: "";
    position: absolute;
    width: 136px;
    height: 136px;
    background: url(https://cdn-server.hiddenbrains.com/Home/_next/static/media/clientvideo-shape.41119f9c.png) no-repeat;
    background-size: contain;
    right: -30px;
    bottom: -42px;
}

.ClientVideoCardclientvideocard.ClientVideoCardgreen {
    background-color: #d7ffe9;
}

.ClientVideoCardclientvideocard.ClientVideoCardgreen::before {
    border-color: #2ba44a;
}

.ClientVideoCardclientvideocard.ClientVideoCardgreen .ClientVideoCardinner-card::before {
    filter: brightness(0) saturate(100%) invert(44%) sepia(81%) saturate(406%) hue-rotate(83deg) brightness(100%) contrast(92%);
}

.ClientVideoCardclientvideocard.ClientVideoCardgreen .ClientVideoCardinner-card::after {
    filter: brightness(0) saturate(100%) invert(44%) sepia(81%) saturate(406%) hue-rotate(83deg) brightness(100%) contrast(92%);
}

.ClientVideoCardclientvideocard.ClientVideoCardgreen .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt::after {
    background: #2ba44a;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card::before {
    content: " ";
    position: absolute;
    right: 30px;
    top: 30px;
    width: 32px;
    height: 33px;
    /* background: url(http://localhost:7702/_next/static/media/top-shape.6a8101d2.svg) no-repeat; */
    background-size: contain;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card::after {
    content: " ";
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 82px;
    height: 14px;
    /* background: url(http://localhost:7702/_next/static/media/bottom-shape.d9d72e21.svg) no-repeat; */
    background-size: contain;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card {
    align-items: center;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img {
    position: relative;
    z-index: 3;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 96px;
    height: 96px;
    background: #ffffff;
    border-radius: 100px;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn .ClientVideoCardbtn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn .ClientVideoCardbtn-inner .ClientVideoCardicon-span {
    width: 50px;
    height: 50px;
    border: 1px solid #121212;
    border-radius: 100px;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: transparent;
    z-index: 9;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn .ClientVideoCardbtn-inner .ClientVideoCardicon-span img {
    position: relative;
    left: 2px;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardrotate-text {
    animation: ClientVideoCardrotate linear 20s;
    animation-iteration-count: infinite;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardrotate-text img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(2009%) hue-rotate(176deg) brightness(88%) contrast(86%);
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardprofile-img img {
    width: 196px;
    height: 196px;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .profile-img img {
    width: 196px;
    height: 196px;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: calc(15px + 1 * (100vw - 320px) / 1600);
    line-height: calc(24px + 0 * (100vw - 1920px) / 1920);
    text-align: left;
    color: #ffffff;
    position: relative;
    z-index: 2;
    padding-left: 2rem;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt::after {
    -webkit-clip-path: polygon(0 37%, 100% 36%, 92% 100%, 0% 100%);
    clip-path: polygon(0 37%, 100% 36%, 92% 100%, 0% 100%);
    width: 260px;
    height: 112px;
    background: #2ba44a;
    position: absolute;
    bottom: -9px;
    left: -12px;
    content: "";
    z-index: -1;
}

.ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt small {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.625rem;
    text-align: left;
    display: block;
}

/* small cta */
			.MegaMenuexpert-cont.expert-cont-new .CmnButtonbtn{min-width:228px;min-height:56px;border:1px solid #fc3441;cursor:pointer;text-decoration:none;border-radius:150px;background:#fc3441;position:relative;left:0;font-family:robotomedium,"Helvetica Neue",Helvetica; font-weight: 500; font-size:calc(14.8px + .0625vw);line-height:normal;text-align:left;text-transform:uppercase;padding:0 1.5rem;outline:0;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtonbtn:hover{color:#fff;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn{height:fit-content;position:relative;transition:.5s ease-in-out;display:inline-flex;justify-content:unset;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner{display:flex;justify-content:end;align-items:center;outline:0;box-shadow:none;background:0 0;border:none;border-radius:120px;overflow:hidden;text-decoration:none!important;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span{display:grid;place-content:center;border:1px solid #fc3441;background-color:#fc3441;height:56px;width:56px;position:relative;top:0;left:0;transition:.5s ease-in-out;border-radius:100px;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow{display:block;margin:20px auto;height:12px;width:12px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(86deg);left:5px;top:-12px;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow::after{content:"";display:block;width:2px;height:14px;background-color:#fff;transform:rotate(-45deg) translate(15px,4px);left:-10px;top:5px;position:absolute;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:228px;min-height:56px;border:1px solid #fc3441;cursor:pointer;text-decoration:none;border-radius:100px;background:#fc3441;position:relative;left:0;font-size:calc(14.8px + .0625vw);font-family:robotomedium,"Helvetica Neue",Helvetica; font-weight: 500; line-height:normal;text-align:left;text-transform:uppercase;padding:0 1.5rem;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn:hover{color:#fff;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtonicon-span{transform:translateX(0);left:calc(100% - 56px);}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow{border-color:#fff;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow::after{background-color:#fff;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn:hover .CmnButtonbtn-inner .CmnButtontext{transform:translateX(-56px);}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill .CmnButtonbtn-inner .CmnButtonicon-span{border-color:#fc3441;background-color:#fc3441;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill .CmnButtonbtn-inner .CmnButtonicon-span::after{content:" ";background:url("https://cdn-server-blog.hiddenbrains.com/blog/wp-content/uploads/2025/11/menu-call-fill-icon.36b9ad4f.svg") no-repeat;display:block;position:absolute;left:0;right:0;top:20px;margin:0 auto;width:18px;height:18px;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill .CmnButtonbtn-inner .CmnButtonicon-span .CmnButtonbuttonarrow{display:none;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill .CmnButtonbtn-inner .CmnButtonbtn{border-color:#fc3441;background:#fc3441;color:#fff;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill .CmnButtonbtn-inner .CmnButtonbtn:hover{color:#fc3441;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill:hover .CmnButtonicon-span{background-color:#fff;border-color:#fc3441;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill:hover .CmnButtonicon-span::after{filter:brightness(0) saturate(100%) invert(29%) sepia(41%) saturate(4460%) hue-rotate(339deg) brightness(108%) contrast(103%);}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn.CmnButtonredcallfill:hover .CmnButtonbtn{background:#fff;color:#fc3441;border-color:#fc3441;}
			.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtontext{color:#fff;transition:.5s ease-in-out;display:grid;place-content:center;}
			.MegaMenuexpert-cont.expert-cont-new{background:#f5f5f5;padding:20px;border:1px solid #e5e5e5;border-radius:8px;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt{margin-bottom:16px;font-size:1rem;line-height:24px;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt .MegaMenuexpert-hdng{margin-bottom:3px;font-family:inria_serifbold,"Helvetica Neue",Helvetica;font-weight:700;font-size:calc(18px + 0vw);line-height:calc(28px + 0vw);color:#121212;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt .MegaMenuexpert-hdng span{color:#fc3441;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt p{margin:0;color:#525252; font-family:robotoregular,"Helvetica Neue",Helvetica;font-weight: 400;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt p span{color:#fc3441;font-family:robotobold,"Helvetica Neue",Helvetica;font-weight: 700;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt{width:50%;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt .cmn-btn .btn-inner .icon-span{height:40px;width:40px;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt .cmn-btn .btn-inner .icon-span::after{top:12px;display:flex;align-items:center;justify-content:center;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt .cmn-btn .btn-inner .btn{min-width:150px;min-height:40px;}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt .cmn-btn:hover .btn-inner .icon-span{left:calc(100% - 40px);}
			.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt .cmn-btn:hover .btn-inner .btn{transform:translateX(-40px);}
	     /* small cta */

	     /* big cta */
	        .MegaMenuexpert-cont.expert-cont-new.MegaMenuexpert-cont-width{width:100%;display:flex;align-items:center;justify-content:space-between;}
			.MegaMenuexpert-cont.expert-cont-new.MegaMenuexpert-cont-width .MegaMenuexpert-lt{margin-bottom:0;}
			.MegaMenuexpert-cont.expert-cont-new.MegaMenuexpert-cont-width .MegaMenuexpert-rt{width:auto;display:flex;align-items:center;}
	     /* big cta */


	     /* mobile cta */
		      .TopMenuexpert-cont.TopMenuexpert-cont-new{color:#121212;display:flex;flex-direction:column;width:100%;margin-top:auto;background:#f5f5f5;padding:20px;border:1px solid #e5e5e5;border-radius:8px;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt{margin-bottom:16px;font-size:1rem;line-height:24px;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt .TopMenuexpert-hdng{margin-bottom:3px;font-family:"inria_serifbold",Helvetica Neue,Helvetica;font-size:calc(12px + 6*(100vw - 320px)/1600);line-height:calc(22px + 6*(100vw - 320px)/1600);color:#121212;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt .TopMenuexpert-hdng span{color:#fc3441;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt p{margin:0;color:#121212;font-family:robotoregular,"Helvetica Neue",Helvetica;font-weight: 400;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt p span{color:#fc3441;font-family:robotobold,Helvetica Neue,Helvetica; font-weight: 700;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt{width:50%;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .icon-span{height:40px;width:40px;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .icon-span:after{top:12px;display:flex;align-items:center;justify-content:center;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .btn{min-width:150px;min-height:40px;}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn:hover .btn-inner .icon-span{left:calc(100% - 40px);}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn:hover .btn-inner .btn{transform:translateX(-40px);}
			 .TopMenuexpert-cont.TopMenuexpert-cont-new .cmn-btn .btn-inner .btn{min-width:270px;}
	     /* mobile cta */

		@media screen and (min-width:2100px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtonbtn{font-size:16px;}
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{font-size:16px;}
		.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt .MegaMenuexpert-hdng{font-size:18px;line-height:28px;}

		/* mobile cta */
		 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt .TopMenuexpert-hdng{font-size:18px;line-height:28px;}
		/* mobile cta */
		}
		@media (max-width:1537.98px){
         .TopMenuexpert-cont.TopMenuexpert-cont-new{padding:15px;}
        }
        @media (max-width:1281.98px){
		 .TopMenuexpert-cont.TopMenuexpert-cont-new{padding:12px;}
		}
		@media (min-width:992px) and (max-width:1199.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtonbtn{min-width:200px;}
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:200px;}
		}
		@media (min-width:992px){
		.Headermegamenu .Headermegamenuboxcover .cmn-btn:hover .btn-inner .icon-span{left:calc(100% - 44px);}
		}
		@media (max-width:1537.98px){
		.MegaMenuexpert-cont.expert-cont-new{padding:15px;}
		}
		@media (max-width:1399.98px){
		.MegaMenuexpert-cont.expert-cont-new{margin-top:1rem;}
		}
		@media (max-width:1281.98px){
		.MegaMenuexpert-cont.expert-cont-new{padding:12px;}
		}
		@media (max-width:991.98px){
		.Headermegamenu .Headermegamenuboxcover .cmn-btn:hover .btn-inner .icon-span{left:calc(100% - 46px);}
		.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt{width:100%;text-align:center;margin-bottom:0;}
		.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt{width:100%;margin:20px 0 0;display:flex;justify-content:center;}
		
		/* mobile cta */
		.TopMenuexpert-cont.TopMenuexpert-cont-new { width: 100%; max-width: 100%; border-radius: 0; background: transparent; border: 0; border-top: 1px solid #fc3441; display: flex; align-items: center; justify-content: space-between !important; flex-direction: row !important; padding: 10px 20px; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt { width: 100%; text-align: left; margin-bottom: 0; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt .TopMenuexpert-hdng { margin-bottom: 0; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt { width: 50%; display: flex; margin: 0; justify-content: flex-end !important; width: auto; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .cmn-btn { width: 100%; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .cmn-btn .btn-inner { justify-content: flex-start; } 
		 /* mobile cta */
        }
		@media (min-width:768px) and (max-width:991.98px){
		.MegaMenuexpert-cont.expert-cont-new{display:flex;align-items:center;justify-content:flex-start;gap:2rem;}
		.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-lt{text-align:left;width:auto;}
		.MegaMenuexpert-cont.expert-cont-new .MegaMenuexpert-rt{justify-content:flex-start;width:auto;margin-top:0;}
		/* mobile cta */ 
		.TopMenuexpert-cont.TopMenuexpert-cont-new { display: flex; align-items: center; justify-content: center; justify-content: space-between; gap: 2rem; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt { text-align: left; width: auto; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt .TopMenuexpert-hdng { font-size: 18px; line-height: 28px; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt p { font-size: 16px; line-height: 24px; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt { justify-content: flex-start; width: auto; margin-top: 0; }
        /* mobile cta */
        }
		@media (max-width:767.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn{transition:.2s ease-in-out;}
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span{transition:.2s ease-in-out;}
		.MegaMenuexpert-cont.expert-cont-new{flex-direction:column;padding:20px 24px;}
		 /* mobile cta */
		 .TopMenuexpert-cont.TopMenuexpert-cont-new{max-width:100%;padding:20px 24px;}
		 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-lt p{font-size:11px;line-height:22px;}
		  /* mobile cta */
        }
		@media (max-width:575.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:270px;}
		/* mobile cta */
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn { justify-content: end; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .icon-span { display: none; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .btn { min-width: 140px; padding: 0 16px; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn:hover .btn-inner .icon-span { display: none; }
		.TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn:hover .btn-inner .btn { transform: translateX(0); }
		 /* mobile cta */
        }
        @media (max-width:391.98px){
		 .TopMenuexpert-cont.TopMenuexpert-cont-new{padding:10px;}
		}
		@media (max-width:357.98px){
		 .TopMenuexpert-cont.TopMenuexpert-cont-new .TopMenuexpert-rt .cmn-btn .btn-inner .btn{min-width:120px;font-size:11px;}
		}
		@media (max-width:360.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:262px;}
		}
		@media (max-width:356.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:auto;}
		/* mobile cta */
		.TopMenuexpert-cont.TopMenuexpert-cont-new .cmn-btn .btn-inner .btn{min-width:200px;}
		/* mobile cta */
        }
		@media (max-width:321.98px){
		.MegaMenuexpert-cont.expert-cont-new .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn{min-width:auto;}
		}
		@media only screen and (min-device-width:320px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1){
		 .TopMenuexpert-cont.TopMenuexpert-cont-new{display:none;}
		}
/*header-css end*/

/* Blog List page css Start */

a.hbblogname {
    color: #000;
    font-family: 'IBMPlexSansBold';
}

.blog-thumb-content a {
    color: #000;
}

.blog-page.style-5 .blog-details-slider {
    position: relative;
    overflow: hidden;
    display: flex;
    background-color: #EDF4FF;
    margin-top: 80px;
    padding: 56px 0 70px 0;
}

.blog-page.style-5 .blog-details-slider .content-card .img {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.blog-page.style-5 .blog-details-slider .content-card .img.overlay::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000e1), color-stop(#0005), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000000e1, #0005, transparent);
    background-image: -o-linear-gradient(bottom, #000000e1, #0005, transparent);
    background-image: linear-gradient(to top, #000000e1, #0005, transparent);
}

.blog-page.style-5 .blog-details-slider .content-card .img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog-page.style-5 .blog-details-slider .content-card .info {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 4vw;
    color: #fff;
}

.blog-page.style-5 .blog-details-slider .content-card .info .date {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.blog-page.style-5 .blog-details-slider .content-card .info .title {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.blog-page.style-5 .blog-details-slider .content-card .info .text-info {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.blog-page.style-5 .blog-details-slider .content-card a:hover {
    color: var(--color-blue5);
}

.blog-page.style-5 .blog-details-slider .swiper-slide-active .content-card .info small,
.blog-page.style-5 .blog-details-slider .swiper-slide-active .content-card .info h2,
.blog-page.style-5 .blog-details-slider .swiper-slide-active .content-card .info p {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.blog-page.style-5 .blog-details-slider .swiper-pagination {
    width: 100%;
    bottom: 0;
    text-align: right;
    padding: 30px 4vw;
}

.blog-page.style-5 .blog-details-slider .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
}

.blog-page.style-5 .blog-details-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-blue5);
}

.blog-page.style-5 .blog-details-slider .swiper-button-next,
.blog-page.style-5 .blog-details-slider .swiper-button-prev {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 15px;
    width: 50px;
    height: 50px;
}

.blog-page.style-5 .blog-details-slider .swiper-button-next::after,
.blog-page.style-5 .blog-details-slider .swiper-button-prev::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.blog-page.style-5 .blog-details-slider .swiper-button-next,
.blog-page.style-5 .blog-details-slider .swiper-container-rtl .swiper-button-prev {
    right: -35px;
}

.blog-page.style-5 .blog-details-slider .swiper-button-next::after,
.blog-page.style-5 .blog-details-slider .swiper-container-rtl .swiper-button-prev::after {
    font-size: 14px;
    margin-right: 20px;
    margin-top: 23px;
}

.blog-page.style-5 .blog-details-slider .swiper-button-prev,
.blog-page.style-5 .blog-details-slider .swiper-container-rtl .swiper-button-next {
    left: -35px;
}

.blog-page.style-5 .blog-details-slider .swiper-button-prev::after,
.blog-page.style-5 .blog-details-slider .swiper-container-rtl .swiper-button-next::after {
    font-size: 14px;
    margin-left: 25px;
    margin-bottom: 22px;
}

.blog-page.style-5 .popular-posts .post-sc-title {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 20px;
}

.blog-page.style-5 .popular-posts .card {
    padding: 0 15px;
}

.blog-page.style-5 .popular-posts .card .img {
    height: 200px;
    overflow: hidden;
}

.blog-page.style-5 .popular-posts .card .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-page.style-5 .popular-posts .card .title a:hover {
    color: var(--color-blue5);
}

.blog-page.style-5 .popular-posts .card a:hover {
    color: var(--color-blue5);
}

.blog-page.style-5 .all-news .card .img {
    height: 280px;
    margin-bottom: 8px;
}

.blog-page.style-5 .all-news .card .img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.blog-page.style-5 .all-news .card .right-part .addtoany_list {
    justify-content: flex-end;
    margin-top: 5px;
}

.blog-page.style-5 .all-news .card .right-part span {
    padding-bottom: 0;
    line-height: 18px;
    font-size: 14px;
}

.blog-page.style-5 .all-news .card .right-part .brd-gray {
    border-color: #666666 !important;
}

.blog-page.style-5 .all-news .card .category-lists {
    margin-top: 15px;
    bottom: 0;
    min-height: 95px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-page.style-5 .all-news .card .category-lists a {
    border-radius: 8px;
    background: #D6E6FF;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
}

.blog-page.style-5 .all-news .card .card-body .card-title {
    min-height: unset;
    max-width: unset;
}

.blog-page.style-5 .all-news .card .card-body {
    position: relative;
    padding-bottom: 0px !important;
    height: 100%;
}

.blog-page.style-5 .all-news .card .card-body .auther-comments {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

body.post-type-archive-web-story .blog-page.style-5 .all-news .card .card-body .auther-comments {
    position: relative;
}

.blog-page.style-5 .all-news .card .card-body .auther-comments .r-side {
    flex: 1;
}

.blog-page.style-5 .all-news .card a:hover {
    color: var(--color-blue5);
}

.blog-page.style-5 .side-blog {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.blog-page.style-5 .side-blog .title {
    font-size: 18px;
    font-weight: 600 !important;
    letter-spacing: 1px;
}

body.single .blog-page.style-5 .side-blog .title {
    font-size: 20px;
    font-weight: 700 !important;
    letter-spacing: inherit;
    color: #0067ff;
    margin-bottom: 10px !important;
}

body.single .blog-page.style-5 .side-blog ul.description li {
    margin-bottom: 0;
    font-size: 14px;
}

.blog-page.style-5 .side-blog .search-form .form-group .form-control {
    min-height: 50px;
    font-size: 12px;
    padding: 10px 50px 10px 20px;
}

.blog-page.style-5 .side-blog .search-form .form-group .search-btn {
    position: absolute;
    right: 10px;
    bottom: 12px;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card .img {
    height: 60px;
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card .inf h6 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.3;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card .inf p {
    font-size: 14px;
    color: #333;
}

.blog-page.style-5 .side-blog .side-recent-post .post-card:hover .inf h6 {
    color: var(--color-blue5);
}

.blog-page.style-5 .side-blog .side-categories .cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 1px solid #9995;
}

.blog-page.style-5 .side-blog .side-categories .cat-item:hover {
    color: var(--color-blue5);
    font-weight: bold;
}

.blog-page.style-5 .side-blog .side-newsletter {
    background-color: rgb(221 221 221 / 25%);
    padding: 24px 25px;
    border-radius: 15px;
}

.blog-page.style-5 .side-blog .side-newsletter ul.description li {
    margin-bottom: 8px;
}

.blog-page.style-5 .side-blog .side-newsletter ul.description li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-page.style-5 .side-blog .side-newsletter .text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.blog-page.style-5 .side-blog .side-share .social-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f3f7fe;
    color: #666;
    font-size: 12px;
    margin: 0 3px;
}

.blog-page.style-5 .side-blog .side-share .social-icon:hover {
    background-color: var(--color-blue5);
    color: #fff;
}

.blog-page.style-5 .side-blog .side-insta .insta-img {
    height: 80px;
    width: 31%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-page.style-5 .side-blog .side-insta .insta-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-page.style-5 .side-blog .side-insta .insta-img .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    margin-top: 15px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-page.style-5 .side-blog .side-insta .insta-img:hover::after {
    opacity: 0.3;
}

.blog-page.style-5 .side-blog .side-insta .insta-img:hover .icon {
    opacity: 1;
    margin: 0;
}

.blog-page.style-5 .blog-content-info .info-imgs .img img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.blog-page.style-5 .blog-content-info .twitter-info .twitter-card {
    padding: 5vw;
    border-top: 2px solid #000;
}

.blog-page.style-5 .blog-content-info .twitter-info .twitter-card .twitter-header .twitter-icon {
    font-size: 25px;
    color: #00ccff;
}

.blog-page.style-5 .side-tags a {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 8px;
    margin-right: 8px;
    border: 1px solid #E5E5E5;
}

.blog-page.style-5 .side-tags a:hover {
    background-color: #ffffff;
    border: 1px solid #FC3441;
}

.blog-page.style-5 .blog-share .share-icons a i {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
}

/* .blog-page.style-5 .blog-share .share-icons a i.fa-facebook-f {
    background-color: #3b5999;
} */

.blog-page.style-5 .blog-share .share-icons a i.fa-twitter {
    background-color: #55acee;
}

.blog-page.style-5 .blog-share .share-icons a i.fa-tumblr {
    background-color: #2b4b6a;
}

.blog-page.style-5 .blog-share .share-icons a i.fa-rss {
    background-color: #fb7000;
}

.blog-page.style-5 .blog-comments .comment-card {
    background-color: #f4f8fc;
}

.blog-page.style-5 .blog-comments .comment-card .social-icons a {
    background-color: #dce1e5;
}

.blog-page.style-5 .blog-comments .comment-card .social-icons a:hover {
    background-color: var(--color-blue5);
    color: #fff;
}

.blog-page.style-5 .related-postes-slider .swiper-slide-prev {
    position: relative;
}

.blog-page.style-5 .related-postes-slider .swiper-slide-prev::after {
    position: absolute;
    content: "";
    right: -40px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9994;
}

.blog-page.style-5 .related-postes-slider .swiper-slide-active::after {
    position: absolute;
    content: "";
    right: -40px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9994;
}

.blog-page.style-5 .related-postes-slider .swiper-button-next,
.blog-page.style-5 .related-postes-slider .swiper-button-prev {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
}

.blog-page.style-5 .related-postes-slider .swiper-button-next:hover,
.blog-page.style-5 .related-postes-slider .swiper-button-prev:hover {
    background-color: var(--color-blue5);
    color: #fff;
}

.blog-page.style-5 .related-postes-slider .swiper-button-next,
.blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-prev {
    right: 0;
    top: -60px;
}

.blog-page.style-5 .related-postes-slider .swiper-button-prev,
.blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 50px;
    top: -60px;
}

.blog-page.style-5 .related-postes-slider .swiper-button-next::after,
.blog-page.style-5 .related-postes-slider .swiper-button-prev::after {
    font-size: 13px;
}

.blog-page.style-5.color-4 .side-tags a:hover,
.blog-page.style-5.color-4 .blog-page.style-5 .blog-comments .comment-card .social-icons a:hover,
.blog-page.style-5.color-4 .side-blog .side-share .social-icon:hover,
.blog-page.style-5.color-4 .related-postes-slider .swiper-button-next:hover,
.blog-page.style-5.color-4 .related-postes-slider .swiper-button-prev:hover,
.blog-page.style-5.color-4 .blog-details-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-blue4);
}

.blog-page.style-5.color-4 .side-blog .side-recent-post .post-card:hover .inf h6,
.blog-page.style-5.color-4 .side-blog .side-categories .cat-item:hover,
.blog-page.style-5.color-4 .popular-posts .card a:hover,
.blog-page.style-5.color-4 .blog-details-slider .content-card a:hover {
    color: var(--color-blue4);
}

.blog-page.style-5.color-4 .bg-main {
    background-color: var(--color-blue4) !important;
}

.blog-slider {
    background: #fff;
}


.section-head h6 {
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.section-head.style-3 {
    margin-bottom: 50px;
}

.section-head.style-3 h3 {
    font-size: 27px;
    text-transform: capitalize;
}

.section-head.style-3 h3 span {
    font-weight: 400;
    color: var(--color-blue2);
    font-style: italic;
    position: relative;
}

.section-head.style-3 h3 span::after {
    position: absolute;
    content: "";
    background-image: url(../img/section_head/title_shap1.png);
    left: 0;
    bottom: -15px;
    width: calc(100% + 40px);
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-head.style-3.long-shape h3 span::after {
    background-image: url(../img/section_head/title_shap2.png);
    bottom: -15px;
}

.section-head.style-4 .title_small {
    font-size: 12px;
    padding: 5px 10px;
    background-color: #f7f4ff;
    border-radius: 5px;
    color: var(--color-blue4);
    margin-bottom: 20px;
}

.section-head.style-4 h2,
.section-head.style-4 h1 {
    font-size: 36px;
    line-height: 1.2;
    color: #000;
    /* font-weight: 700; */
}



h4.wp-block-heading {
    line-height: 26px !important;
}


.section-head.style-4 h2 span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#501e9c), color-stop(30%, #8169f1), color-stop(30%, #8169f1), color-stop(73%, #a44cee), to(#ff847f));
    background-image: -webkit-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
    background-image: -o-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
    background-image: linear-gradient(to right, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
}

.section-head.style-4 h5 {
    font-size: 16px;
    font-weight: bold;
    color: #a44cee;
    display: inline-block;
    text-transform: capitalize;
    margin: 0 10px;
}

.section-head.style-5 h2 {
    font-size: 45px;
    max-width: 99%;
    margin: 0 auto;
    font-weight: 700;
}

.section-head.style-5 h2 span {
    color: var(--color-blue5);
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
}

.section-head.style-5 h2 span::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-color: var(--color-blue5);
    opacity: 8%;
}

.section-head.style-5 p {
    color: #666;
    font-size: 15px;
}

.section-head.style-6 h2 {
    color: #000;
    font-size: 45px;
}

.section-head.style-6 h2 span {
    position: relative;
    padding: 10px 20px;
}

.section-head.style-6 h2 span small {
    position: relative;
    z-index: 2;
    font-size: 45px;
    color: #fff;
}

.section-head.style-6 h2 span::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../img/shap_style_6.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.section-head.style-8 h6 {
    font-weight: normal;
    font-size: 14px;
    color: var(--color-main);
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-head.style-8 h3 {
    font-size: 40px;
    text-transform: capitalize;
}

.section-head.style-9 h6 {
    letter-spacing: 0.5s;
    text-transform: uppercase;
    color: var(--color-darkBlue2);
    display: inline-block;
    position: relative;
    font-weight: bold;
    padding: 0 25px;
}

.section-head.style-9 h6::after {
    position: absolute;
    content: "";
    right: 0;
    top: 4px;
    width: 9px;
    height: 9px;
    background-color: #6c41ff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-head.style-9 h6::before {
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    width: 9px;
    height: 9px;
    background-color: #6c41ff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-head.style-9 h2 {
    font-size: 40px;
    color: var(--color-darkBlue2);
    margin-bottom: 15px;
}

.section-head.style-9 p {
    font-size: 18px;
    color: #666666;
}

.section-head.style-12 h6 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-head.style-12 h6 .icon {
    width: 25px;
}

.section-head.style-12 h2 {
    font-weight: 600;
    font-size: 50px;
}

.section-head.style-12 h2 span {
    color: transparent;
    -webkit-text-stroke: 1px var(--color-yellowGreen);
}

.section-head.style-13 h6 {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}

.section-head.style-13 h6::before {
    position: absolute;
    content: "";
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--color-orange3);
    z-index: -1;
    -webkit-animation: scale_up_down linear 1s infinite alternate;
    animation: scale_up_down linear 1s infinite alternate;
}

.section-head.style-13 h2 {
    font-size: 40px;
}

.section-head.style-13.side-title h6 {
    padding-left: 20px;
}

.section-head.style-13.side-title h6::before {
    left: 0;
}

.text-center {
    text-align: center;
}

.color-666 {
    color: #121212 !important;
}

.text.color-666 {
    font-size: 16px;
    line-height: 1.62rem;
}

.section-head small.shareicon {
    font-size: 14px !important;
    line-height: 1.5rem !important;
}

.blog-section-content {
    margin-top: 80px;
}

.blog-section-content .blog-thumb {
    margin: 0;
    height: 100%;
}

.blog-section-content .blog-thumb img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 25px;
}

.blog-section-content .blog-thumb-content .badge {
    background: #0067ff;
    border-radius: 14px;
    padding: 6px 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 0 10px 15px 0;
}

.blog-section-content .blog-thumb-content .badge a {
    color: #fff;
}

.blog-section-content .blog-thumb-content h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: #3D3D3D;
    margin: 0 0 10px;
}

.blog-section-content .blog-thumb-content p {
    font-size: 16px;
    line-height: 30px;
    color: #3D3D3D;
    margin: 0 0 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-section-content .blog-thumb-content .published-date {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 16px;
    color: rgba(61, 61, 61, .7);
}

.blog-section-content .blog-thumb-content .blog-author {
    display: flex;
    align-items: center;
}

.blog-section-content .blog-thumb-content .blog-author .avatar,
.blog-section-content .blog-thumb-content .blog-author img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    object-fit: cover;
}

.blog-section-content .blog-thumb-content .blog-author .author-info {
    padding-left: 16px;
    flex: 1;
    text-align: left;
}

.blog-section-content .blog-thumb-content .blog-author .author-info .h3_class {
    line-height: 1.4;
}

.blog-section-content .blog-thumb-content .blog-author .social_share {
    padding-left: 25px;
}

.blog-section-content .blog-thumb-content .blog-author .social_share>span {
    display: none;
}

.blog-section-content .blog-thumb-content .blog-author .author-info .degignation {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    color: #3D3D3D;
    margin: 0;
}

.blog-page.style-5 .all-news .card .img.img-cover>a {
    display: block;
    height: 100%;
}

.blog-page.style-5 .all-news .card .img.img-cover>a.no-thumb {
    background: #eee;
    border-radius: 20px;
    min-height: 160px;
}

.section-padding {
    padding: 100px 0;
}

.blog.style-1 .content .blog_slider {
    position: relative;
}

.blog.style-1 .content .blog_slider .swiper-button-next,
.blog.style-1 .content .blog_slider .swiper-button-prev {
    width: 35px;
    height: 35px;
}

.blog.style-1 .content .blog_slider .swiper-button-next,
.blog.style-1 .content .blog_slider .swiper-container-rtl .swiper-button-prev {
    right: 120px;
    top: -63px;
}

.blog.style-1 .content .blog_slider .swiper-button-prev,
.blog.style-1 .content .blog_slider .swiper-container-rtl .swiper-button-next {
    right: 160px;
    left: auto;
    top: -63px;
}

.blog.style-1 .content .blog_box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.blog.style-1 .content .blog_box .img {
    height: 350px;
    position: relative;
}

.blog.style-1 .content .blog_box .img::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #000, transparent);
    background-image: -o-linear-gradient(bottom, #000, transparent);
    background-image: linear-gradient(to top, #000, transparent);
}

.blog.style-1 .content .blog_box .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.blog.style-1 .content .blog_box .tags {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.blog.style-1 .content .blog_box .tags a {
    font-size: 11px;
    padding: 3px 7px;
    border-radius: 4px;
    background: var(--color-main-grad);
    color: #fff;
    text-transform: uppercase;
}

.blog.style-1 .content .blog_box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 5;
}

.blog.style-1 .content .blog_box .info h6 {
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    line-height: 1.3;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog.style-1 .content .blog_box .info h6:hover a {
    color: var(--color-main);
}

.blog.style-1 .content .blog_box .info .auther {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog.style-1 .content .blog_box .info .auther span {
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
}

.blog.style-1 .content .blog_box .info .auther span:first-of-type {
    padding-left: 0;
    border-right: 1px solid #9993;
}

.blog.style-1 .content .blog_box .info .auther span .auther-img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 3px;
}

.blog.style-1 .content .blog_box .info .auther span i {
    font-size: 11px;
    margin-right: 4px;
}

.blog.style-1 .content .blog_box .info .text {
    margin-top: 20px;
    font-size: 11px;
    color: #fff;
    display: none;
}

.blog.style-1 .content .blog_box:hover .img img {
    -webkit-transform: scale(1.3) rotate(-10deg);
    -ms-transform: scale(1.3) rotate(-10deg);
    transform: scale(1.3) rotate(-10deg);
}

.blog.style-1 .content .blog_box:hover .info h6 {
    border-color: #fff9;
}

.blog.style-2 {
    background-image: url(../img/num_back.png);
    background-size: cover;
    position: relative;
}

.blog.style-2 .card-img-top {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
}

.blog.style-3 {
    background-color: #f0eff5;
    position: relative;
}

.blog-details-slider .post_breadcrumb {
    padding-bottom: 20px;
}

.blog-details-slider .d-block.date {
    padding-bottom: 0;
}

.blog.style-3 .v_lines {
    position: absolute;
    top: 100px;
    left: 50%;
    height: calc(100% - 340px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog.style-3 .card .img {
    height: 120px;
}

.blog.style-3 .card .card-body .date span {
    font-size: 11px;
    letter-spacing: 1px;
}

.blog.style-3 .card .card-body .card-title {
    font-size: 22px;
    font-weight: 600;
    max-width: 85%;
    margin-top: 0;
    min-height: 45px;
    color: #121212;
    line-height: 34px;
}

.blog.style-3 .card .card-body p {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog.style-3 .card .card-body .small {
    font-size: 14px;
}

.blog.style-3 .card .card-body .small small {
    font-size: 14px;
}

.blog.style-3 .client-logos .img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}

.blog.style-3 .client-logos .img:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.blog.style-6 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog.style-6 .content .blog-card.style-6 {
    width: 30%;
    position: relative;
}

.blog.style-6 .content .blog-card.style-6.card-center::after {
    position: absolute;
    content: "";
    right: -28px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9994;
}

.blog.style-6 .content .blog-card.style-6.card-center::before {
    position: absolute;
    content: "";
    left: -28px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9994;
}

.blog.style-6 a:hover {
    color: var(--color-blue6);
}

.blog-card.style-6 {
    position: relative;
    height: 100%;
}

.blog-card.style-6 .img {
    height: 230px;
    border-radius: 20px;
    overflow: hidden;
}

.blog-card.style-6 .info {
    padding: 30px 0;
}

.blog-card.style-6 .info .blog-title {
    color: #000;
    font-size: 22px;
    margin: 10px 0 10px;
}

.blog-card.style-6 .info .text {
    color: #666;
    font-size: 13px;
}

.blog.style-7 {
    position: relative;
    background-color: #f0eff5;
}

.blog.style-7 .shap_color {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
}

.blog-card.style-7 .img {
    height: 240px;
    border-radius: 10px;
    overflow: hidden;
}

.blog-card.style-7 .info .date-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-card.style-7 .info .date-tags .tags a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 4px 15px;
    border-radius: 30px;
    color: #fff;
    background-color: var(--color-blue7);
}

.blog-card.style-7 .info .date-tags .author,
.blog-card.style-7 .info .date-tags .date {
    margin: 0 20px;
}

.blog-card.style-7 .info h4.title {
    font-size: 22px;
    margin-top: 20px;
}

.blog.style-8 .main-post .img {
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.blog.style-8 .main-post .img .tags {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 30px;
}

.blog.style-8 .main-post .img .tags a {
    text-transform: uppercase;
    background-color: #fff;
    color: var(--color-main);
    padding: 5px 20px;
    border-radius: 30px;
}

.blog.style-8 .main-post .img .tags a:hover {
    background-color: var(--color-main);
    color: #fff;
}

.blog.style-8 .main-post .info h4.title {
    margin-top: 15px;
    font-size: 22px;
}

.blog.style-8 .side-posts .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.blog.style-8 .side-posts .item:last-of-type {
    margin-bottom: 0;
}

.blog.style-8 .side-posts .item .img {
    width: 145px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-margin-end: 25px;
    margin-inline-end: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.blog.style-8 .side-posts .item .info h4.title {
    margin-top: 15px;
    font-size: 22px;
}

.blog.style-10 .blog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog.style-10 .blog-card .img {
    width: 32%;
}

.blog.style-10 .blog-card .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog.style-10 .blog-card .info {
    padding: 35px;
    background-color: #fff;
    width: 68%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.blog.style-10 .blog-card .info h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.blog.style-10 .blog-card .info p {
    color: #777;
    font-size: 14px;
    margin-bottom: 30px;
}

.blog.style-13 {
    background-color: #eaedf2;
}

.blog.style-13 .blog-item {
    position: relative;
    margin-top: 30px;
}

.blog.style-13 .blog-item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-color: #dbdfe5;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog.style-13 .blog-item:hover::before {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.blog.style-13 .blog-item .cont {
    padding: 30px;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    z-index: 10;
}

.blog.style-13 .blog-item .cont .tags {
    margin-bottom: 15px;
}

.blog.style-13 .blog-item .cont .tags a {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 30px;
    border: 1px solid #9992;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    font-weight: bold;
}

.blog.style-13 .blog-item .cont h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
}

.blog.style-13 .blog-item .cont h5 a:hover {
    text-decoration: underline !important;
    color: #000;
}

.blog.style-14 .row .col-lg-4 .blog-item::after {
    position: absolute;
    content: "";
    right: -24px;
    top: 30px;
    width: 1px;
    height: calc(100% - 60px);
    background-color: #9992;
}

.blog.style-14 .row .col-lg-4:last-of-type .blog-item::after {
    display: none;
}

.blog.style-14 .blog-item {
    position: relative;
    margin-top: 30px;
}

.blog.style-14 .blog-item .img {
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
}

.blog.style-14 .blog-item .info {
    padding-top: 30px;
}

.blog.style-14 .blog-item .info h5 {
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px;
}

.blog.style-14 .blog-item .info .more {
    text-transform: uppercase;
    padding-top: 25px;
}

.blog.style-14 .blog-item .info .more:hover {
    color: var(--color-red1);
    text-decoration: underline !important;
}

.blog.style-15 {
    background-color: #080019;
}

.blog.style-15 .main-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #0c0125;
}

.blog.style-15 .main-card .img {
    height: 400px;
}

.blog.style-15 .main-card .info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px;
}

.blog.style-15 .main-card .info h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.blog.style-15 .main-card .info p {
    color: #9485b6;
    font-size: 13px;
}

.blog.style-15 .main-card .info .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog.style-15 .main-card .info .author .inf p {
    color: #9485b6;
}

.blog.style-15 .main-card .info .author .inf h6 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.blog.style-15 .main-card .center_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    padding: 13px;
    background-color: var(--color-red2);
    border-radius: 50%;
}

.blog.style-15 .sub-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #0c0125;
}

.blog.style-15 .sub-card .img {
    height: 210px;
    position: relative;
}

.blog.style-15 .sub-card .img .center_icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 50px;
    height: 50px;
    padding: 13px;
    background-color: var(--color-red2);
    border-radius: 50%;
}

.blog.style-15 .sub-card .info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 65px 40px 30px 40px;
}

.blog.style-15 .sub-card .info h4 {
    font-size: 20px;
    font-weight: bold;
}

.pagination {
    width: 100%;
    justify-content: center;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.pagination .screen-reader-text {
    display: none;
}

.pagination .nav-links .current {
    background-color: #0067ff;
    color: #fff;
}

.pagination .nav-links .current,
.pagination .nav-links a {
    padding: 7px 12px;
    border-radius: 4px;
    text-transform: uppercase;
    border: 1px solid #0067ff;
    margin: 5px;
}

.title.mb-10.text-uppercase.fw-normal {
    margin-bottom: 10px;
}

form.search-form.mb-50 {
    margin-bottom: 50px;
}

/* .blog-page {
    margin-top: 97px;
} */

.page-template-page-home-php .blog-page {
    margin-top: 97px;
}

.mb-20 {
    margin-bottom: 20px !important;
    margin: .67em 0;
}

.pt-10 {
    padding-top: 10px !important;
}

.col-md-6 {
    width: 50%;
}

.col-lg-8 {
    width: 66.66666667%;
}

.col-lg-4 {
    width: 33.33333333%;
}

.brd-gray {
    border-color: #0002;
}

.pb-30 {
    padding-bottom: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.rounded-0 {
    border-radius: 0;
}

.bg-transparent {
    background-color: transparent;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.img-cover img {
    border-radius: 20px;
}

.rounded-circle {
    position: relative;
}

.icon-45 {
    width: 45px;
    height: 45px;
}

.bg-blue4 {
    background-color: #0067ff;
}

.rounded-circle img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
}

.blog-page.style-5 .all-news .card .right-part {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.text-right {
    text-align: right;
}



@media (max-width: 767.98px) {
    .sdgsdgf .col-lg-4 {
        width: 33.33333333%;
        display: none;
    }

    .sdgsdgf .col-lg-8 {
        width: 100%;
    }

    .blog-page.style-5 .all-news .card .img {
        height: auto;
    }

    .col-xs-12 {
        width: 100%;
    }

    .blog-section-content .blog-thumb {
        padding-bottom: 15px;
    }

    .section-padding {
        padding: 70px 0;
    }

    .nav-links {
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
    }

    .MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button.no-after::after {
        opacity: 0;
    }
}

@media (max-width: 991.98px) {
    .sdgsdgf .col-lg-4 {
        width: 33.33333333%;
        display: none;
    }

    .sdgsdgf .col-lg-8 {
        width: 100%;
    }

    .blog-page.style-5 .all-news .card .img {
        height: auto;
    }

    .col-xs-12 {
        width: 100%;
    }

    .blog-section-content .blog-thumb {
        padding-bottom: 15px;
    }

    .section-padding {
        padding: 70px 0;
    }

    .MegaMenusubonemenu .accordion .accordion-item .accordion-header .accordion-button.no-after::after {
        opacity: 0;
    }

}

/* Blog List page css close */


/*.Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li.Headeractive {  }
.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone.Headeractive { display:block; }
.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone { display:none; }
.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone .MegaMenuftr-col-casestudy.Headeractive { display:block; }
.Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone .MegaMenuftr-col-casestudy { display:none; }
*/
.content,
.content2,
.content3,
.content4,
.content5 {
    display: none !important;
    /* Hide all divs by default */
}

.content.show,
.content2.show2,
.content3.show3,
.content4.show4,
.content5.show5 {
    display: block !important;
    /* Show divs when the 'show' class is added */
}




/*media-query start*/
@media (prefers-reduced-motion: reduce) {
    .MegaMenumenuCardTtl a:after {
        transition: none;
    }

    .MegaMenumenuLinksCol ul li a:after {
        transition: none;
    }
}

@media (min-width: 576px) {
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 768px) {
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .GesiaAwardgesiawrd .GesiaAwardgesiawrdside {
        font-size: 1.125rem;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        padding: 24px 30px;
    }

    .Headermegamenu .Headermegamenuboxcover .cmn-btn:hover .btn-inner .icon-span {
        left: calc(100% - 44px);
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 90%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .Headermegamenu {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1325px;
    }

    .pt-xxl-4 {
        padding-top: 1rem !important;
    }
}

@media (min-width: 1470px) {
    .leftgapaec {
        padding-left: 155px;
    }

    .post-thumbnail img {
        height: 440px;
    }
}


@media screen and (min-width: 2100px) {
    .CmnButtonbtn {
        font-size: 16px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn ul li {
        font-size: 16px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardtp-cnt .ClientSaysCardtitle {
        font-size: 36px;
        line-height: 40px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardtp-cnt p {
        font-size: 16px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardcircle {
        font-size: 20px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardclient-name {
        font-size: 20px;
    }

    .cmn-btn .btn-inner .btn {
        font-size: 16px;
    }

    .btn {
        font-size: 16px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt {
        font-size: 16px;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcomptitle {
        font-size: 20px;
    }

    .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn {
        font-size: 16px;
    }
}



@media screen and (min-width: 1600px) {
    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn {
        width: 350px;
        min-width: inherit;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
        width: 400px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        width: calc(100% - 750px);
    }

    .Headermegamenu .Headermegamenuboxcover.Headermegamenuboxcover-solution .Headermegamenuboxcvrinnone {
        width: calc(100% - 350px);
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt {
        padding-right: 15px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt {
        padding-right: 15px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt .title {
        font-size: 30px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt .title {
        font-size: 30px;
    }
}




@media (max-width: 1600.98px) {

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card::before,
    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card::after {
        background-size: 70%;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .lft-client-img img {
        height: 120px;
        width: 120px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt {
        font-size: 16px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt small {
        font-size: 12px;
        line-height: 1.2rem;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt::after {
        width: 215px;
        height: 98px;
        bottom: -9px;
        left: -12px;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard {
        width: 360px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard {
        padding-right: 2rem;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt {
        row-gap: 32px;
        padding-right: 1rem;
    }
}


@media screen and (max-width: 1700px) and (min-width: 1601px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (max-width: 1601px) {
    .MegaMenumenulinkheight {
        min-height: 370px;
    }
}



@media screen and (max-width: 1600px) and (min-width: 1500px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}


@media (max-width: 1537.98px) {
    .MegaMenumenuLinksCol.MegaMenusoln-rght ul li .MegaMenumenu-discrip::before {
        top: 8px;
    }

    .MegaMenumenuLinksCol.MegaMenucompany-rght ul {
        column-gap: 40px;
    }
}


@media (max-width: 1536.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
        padding: 0 20px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog li {
        width: 33%;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog li img {
        max-width: 100%;
    }

    .MegaMenulegaybox .grid-container .grid-item .softdevcomptitle {
        font-size: 14px;
        line-height: 1.5rem;
    }

    .MegaMenulegaybox .grid-container .grid-item .softdevcompvalue {
        font-size: 2.5rem !important;
    }

    .MegaMenulegaybox .grid-container .grid-item:nth-child(4) .softdevcompvalue span {
        bottom: -2px;
        font-size: 1.8rem;
    }

    .MegaMenulegaybox .grid-container .grid-item .softdevcompvalue:before {
        bottom: 9px;
    }
}


@media (min-width: 1500px) and (max-width: 1599.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs {
        gap: 22px 24px;
    }
}


@media (min-width: 1400px) and (max-width: 1499.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs {
        gap: 20px 22px;
    }
}

@media (max-width: 1440.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog {
        margin-top: 45px;
    }

    .MegaMenumenuCardTtl {
        margin-bottom: 10px;
    }

    .MegaMenumenuLinksCol ul {
        row-gap: 5px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh {
        width: 42%;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard {
        width: 315px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt .title {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .Headermegamenu .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
        width: 370px;
        min-width: 150px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn {
        width: 300px;
        min-width: 200px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        width: calc(100% - 600px);
    }

    .Headermegamenu .Headermegamenuboxcover.Headermegamenuboxcover-solution .Headermegamenuboxcvrinnone {
        width: calc(100% - 600px);
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .gesiawrd .gesiawrdside {
        font-size: 1rem;
        line-height: 20px;
    }
}


@media screen and (max-width: 1499px) and (min-width: 1200px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1399.98px) and (max-width: 1537.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog li img {
        max-width: 80%;
    }
}


@media (max-width: 1399.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        min-width: 700px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs {
        gap: 24px 24px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
        min-width: 290px;
        padding-left: 22px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec img {
        max-width: 80% !important;
    }

    .MegaMenuexpert-cont {
        margin-top: 1rem;
    }

    .MegaMenulegaybox .grid-container .grid-item {
        width: auto;
        border-radius: 8px;
    }

    .MegaMenulegaybox .grid-container .grid-item .softdevcomptitle {
        font-size: 14px;
        line-height: 1.5rem;
    }

    .MegaMenulegaybox .grid-container .grid-item .softdevcompvalue {
        font-size: 2.5rem !important;
    }

    .MegaMenumenuLinksColtestimonial .cientsayscard .client-cnt .client-name {
        font-size: 16px !important;
        line-height: 1.5rem !important;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard {
        width: 280px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt::after {
        width: 200px;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item {
        height: 225px;
        width: 225px;
    }

    .ClientVideoCardclientvideocard {
        width: 29.5rem;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt::after {
        width: 215px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt small {
        font-size: 0.8rem;
    }
}



@media (max-width: 1280.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        min-width: 623px;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec {
        row-gap: 50px;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard {
        width: 345px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard {
        padding-right: 4rem;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt .title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .clientvideocard .inner-card .sub-card .rght-client-cnt {
        font-size: 15px;
    }
}


@media (min-width: 1279.98px) and (max-width: 1600.98px) {
    /*.MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard .tp-cnt .title{font-size:28px;} */
}





@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn {
        padding: 24px 18px;
        min-width: 300px;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item {
        padding: 20px 16px;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link {
        font-size: 15px;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link:after {
        right: -16px;
    }

    .MegaMenulegaybox .grid-container {
        grid-template-columns: 120px, 120px;
    }

    .MegaMenulegaybox .grid-container .grid-item:nth-child(2n+2) {
        transform: translateY(0);
    }
}


@media (min-width: 1200px) and (max-width: 1279.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrinnone {
        min-width: 550px;
    }

    .MegaMenumenuLinksColtestimonial {
        flex-direction: column !important;
        row-gap: 30px;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard {
        width: 384px;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh {
        width: auto;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh .cientsayscard {
        padding-right: 0;
        width: 100%;
    }
}


@media (max-width: 1200.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog {
        margin-top: 20px;
    }
}


@media (min-width: 1199.98px) and (max-width: 1600.98px) {
    .Headermenuscrall {
        max-height: inherit;
    }

    .MegaMenumenuLinksCol ul li span {
        font-size: 16px;
        line-height: 24px;
    }

    .MegaMenumenuLinksCol ul li a {
        line-height: 24px;
    }
}


@media (min-width: 1199.98px) and (max-width: 1537.98px) {
    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .Headermegamenuboxcvrservsec .Headerourwrklog li {
        width: 45%;
    }

    .MegaMenulegaybox {
        padding-top: 40px;
    }
}


@media (min-width: 1199.98px) and (max-width: 1365.98px) {
    .MegaMenumenuLinksCol.MegaMenucompany-rght ul {
        column-gap: 26px;
    }
}



@media (max-width: 1199.98px) {
    .MegaMenumenulinkheight {
        min-height: inherit;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardtp-cnt {
        row-gap: 38px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardclient-cnt .ClientSaysCardclient-name {
        font-size: 1rem;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermenufirstcolumn .Headermenufirstclminer .Headermeneclmrservimgs {
        gap: 24px 20px;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .btn {
        display: block;
        min-width: auto;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .icon-span {
        position: relative;
        left: 0 !important;
        top: 0;
        bottom: 0;
        margin-right: 0;
        display: none;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn:hover .btn-inner .text {
        transform: translateX(0);
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item {
        padding: 20px 16px;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .icon-span {
        position: relative;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo {
        display: none;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvripad {
        display: block !important;
    }

    .GesiaAwardgesiawrd .GesiaAwardgesiawrdside {
        font-size: 16px;
        line-height: 20px;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link {
        font-size: 14px;
    }

    .MegaMenumenuLinksCol ul li {
        padding: 3px 10px 3px 0;
    }

    .MegaMenuftr-col {
        margin-bottom: 30px;
    }
}


@media (max-width: 991.98px) {
    .TopMenunav {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        left: 0;
        margin: 0;
        z-index: 11;
        width: 100%;
        transform: none;
        opacity: 0;
        top: 70px;
        height: calc(100% - 72px);
        padding: 0 0 20px;
        visibility: hidden;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02);
    }

    .TopMenunav {
        top: 78px;
        background: #ffffff;
    }

    .TopMenunav .TopMenunavbar {
        flex-direction: column;
        width: 100%;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        position: relative;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item:last-child {
        border-bottom: none;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item:after {
        display: block;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link {
        padding: 20px 15px;
        line-height: 26px;
        display: block;
    }

    .TopMenunav .TopMenunavbar .TopMenunav-item .TopMenunav-link:after {
        display: none;
    }

    .TopMenuhumburger-menu {
        display: block;
    }

    .TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-lt {
        width: 100%;
        text-align: left;
        margin-bottom: 0;
    }

    .TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-rt {
        width: 100%;
        margin: 20px 0 0;
        display: flex;
    }

    .MegaMenuexpert-cont .MegaMenuexpert-lt {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }

    .MegaMenuexpert-cont .MegaMenuexpert-rt {
        width: 100%;
        margin: 20px 0 0;
        display: flex;
        justify-content: center;
    }

    .MegaMenumenuLinksColtestimonial {
        flex-direction: column;
        padding: 0 15px;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard {
        margin-top: 15px;
        width: 360px;
        padding: 26px 20px;
        min-height: 186px;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard::before {
        display: none;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard .inner-card .sub-card .lft-client-img img {
        width: 110px !important;
        height: 110px !important;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh {
        width: 100%;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutestimonialwdh {
        width: 100%;
    }

    .MegaMenusubonemenu .accordion .accordion-item .acydbody .cmn-btn {
        margin-left: 12px;
    }

    .LegacyFourBoxgrid-container {
        grid-template-columns: 225px 225px;
        margin-bottom: 5rem;
        justify-content: center;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(2n+2) {
        transform: translateY(26px);
    }

    .ClientSaysCardcientsayscard .ClientSaysCardtp-cnt p {
        min-height: 6rem;
    }

    .ClientVideoCardclientvideocard {
        width: auto;
        min-height: auto;
    }

    .Headermegamenu {
        position: static;
        float: left;
        box-shadow: none;
        background: 0 0;
        min-height: inherit;
        border-top: none;
        padding: 0 0 25px;
        display: block;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .icon-span {
        left: 0 !important;
        top: 0;
    }

    .Headerheader {
        padding: 18px 0;
    }

    .GesiaAwardgesiawrd .GesiaAwardgesiawrdside {
        font-size: 16px;
        line-height: 18px;
    }

    .GesiaAwardgesiawrd .GesiaAwardgesiawrdside .GesiaAwardgesiawrdsidesmal {
        display: none;
        font-size: 0.438rem;
    }
}




@media (min-width: 768px) and (max-width: 991.98px) {
    .Headermegamenu {
        padding: 20px;
    }

    .TopMenumobileviewset .TopMenuexpert-cont {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-start;
        gap: 2rem;
    }

    .TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-lt {
        text-align: left;
        width: auto;
    }

    .TopMenumobileviewset .TopMenuexpert-cont .TopMenuexpert-rt {
        justify-content: flex-start;
        width: auto;
        margin-top: 0;
    }

    .MegaMenuexpert-cont {
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-start;
        gap: 2rem;
    }

    .MegaMenuexpert-cont .MegaMenuexpert-lt {
        text-align: left;
        width: auto;
    }

    .MegaMenuexpert-cont .MegaMenuexpert-rt {
        justify-content: flex-start;
        width: auto;
        margin-top: 0;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutstimonalwidth {
        padding-right: 15px;
    }
}





@media (max-width: 767.98px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .cmn-btn {
        transition: all 0.2s ease-in-out;
    }

    .cmn-btn .btn-inner .icon-span {
        transition: all 0.2s ease-in-out;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt small {
        font-size: 13px;
        line-height: 15px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt::after {
        width: 180px;
        height: 78px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardrght-client-cnt {
        font-size: 13px;
        line-height: 15px;
    }

    .ClientVideoCardclientvideocard {
        padding: 36px 20px;
    }

    .ClientVideoCardclientvideocard::before {
        width: 156px;
        height: 156px;
    }

    .ClientVideoCardclientvideocard::after {
        width: 78px;
        height: 78px;
        right: -24px;
        bottom: -28px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card::before {
        width: 18px;
        height: 19px;
        top: 20px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card::after {
        width: 47px;
        height: 8px;
        bottom: 20px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn {
        width: 55px;
        height: 55px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn .ClientVideoCardbtn-inner .ClientVideoCardicon-span {
        width: 30px;
        height: 30px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardvideo-btn .ClientVideoCardbtn-inner .ClientVideoCardicon-span img {
        width: 10px;
        height: 10px;
        left: 1px;
        top: -1px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardrotate-text img {
        width: 43px;
        height: 43px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .ClientVideoCardprofile-img img {
        width: 113px;
        height: 113px;
    }

    .ClientVideoCardclientvideocard .ClientVideoCardinner-card .ClientVideoCardsub-card .ClientVideoCardlft-client-img .profile-img img {
        width: 113px;
        height: 113px;
    }

    .ClientSaysCardcientsayscard {
        width: 98%;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcomptitle {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue {
        font-size: 4rem;
        line-height: 4.796rem;
        bottom: 5px;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue::before {
        width: 1.8px;
        height: 24px;
        left: 12px;
        bottom: 14px;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item .LegacyFourBoxsoftdevcompvalue span {
        font-size: 2.25rem;
        line-height: 2.688rem;
        bottom: -28px;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item {
        height: 150px;
        width: 150px;
        border-radius: 16px;
        padding: 1.5rem;
    }

    .LegacyFourBoxgrid-container .LegacyFourBoxgrid-item:nth-child(4) .LegacyFourBoxsoftdevcompvalue span {
        font-size: 2.25rem;
        line-height: 2.688rem;
        bottom: -27px;
    }

    .LegacyFourBoxgrid-container {
        grid-template-columns: 150px 150px;
        grid-gap: 20px 20px;
        margin-bottom: 4.8rem;
    }

    .MegaMenumenuLinksColtestimonial .MegaMenumenutstimonalwidth {
        width: 100%;
    }

    .MegaMenumenuLinksColtestimonial {
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .MegaMenumenuLinksColtestimonial .cientsayscard .tp-cnt {
        row-gap: 20px;
    }

    .MegaMenuexpert-cont {
        flex-direction: column;
        padding: 30px 0 0;
    }

    .MegaMenuftr-col {
        border-radius: 6px;
        margin: 0 0 15px !important;
        padding: 20px 30px !important;
    }

    .MegaMenuftr-col:last-child {
        margin-bottom: 0 !important;
    }

    .MegaMenumenuLinksCol ul li a {
        font-size: 15px;
    }

    .MegaMenumenuLinksCol ul li span {
        font-size: 15px;
    }

    .MegaMenumenuLinksCol ul li {
        margin-bottom: 0;
    }

    .MegaMenumenuCardTtl {
        font-size: 1.125rem;
        margin-bottom: 10px;
    }

    .TopMenunav {
        top: 72px;
    }

    .Headermegamenu {
        top: 66px;
    }

    .Headerheader .Headerhdr-rt {
        flex: 2 1;
    }

    .Headerheader .hb-logo .hblogocmn img {
        width: 172px;
        height: 37px;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .icon-span {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        margin-right: 0;
    }

    .Headerheader .Headerhdr-rt {
        width: 70%;
    }

    .Headerheader .Headerhdr-lt {
        width: 200px;
    }

    .CmnButtoncmn-btn {
        transition: all 0.2s ease-in-out;
    }

    .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonicon-span {
        transition: all 0.2s ease-in-out;
    }

    .MegaMenumenuLinksColtestimonial .clientvideocard {
        width: 100%;
    }

    .Headermegamenu .Headermegamenuboxcover .Headermegamenuboxcvrintwo .gesiawrd .gesiawrdside .gesiawrdsidesmal {
        display: none;
    }

    .MegaMenusubonemenu .accordion .accordion-item .acydbody ul li {
        font-size: 1rem;
    }

    .archive .col-lg-8 {
        width: 100%;
    }

    .archive .col-lg-4 {
        display: none;
    }
}


@media (max-width: 575.98px) {
    .cmn-btn .btn-inner .btn {
        min-width: 270px;
    }

    .Headerheader .Headerhdr-lt {
        width: 200px;
    }

    .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn {
        min-width: 270px;
    }

    .ClientSaysCardcientsayscard .ClientSaysCardtp-cnt p {
        min-height: 3rem;
    }

    .Headerheader .Headerhdr-rt .btnresponsive.cmn-btn .btn-inner .btn {
        font-size: 12px !important;
        padding: 0 12px;
        height: 32px;
        min-height: 32px;
    }
}




@media (max-width: 360.98px) {
    .CmnButtoncmn-btn .CmnButtonbtn-inner .CmnButtonbtn {
        min-width: 262px;
    }

    .cmn-btn .btn-inner .btn {
        min-width: 262px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .TopMenumobileviewset .TopMenuexpert-cont {
        display: none;
    }
}


/* video popup style  */

.videopoupmodel .modal-content {
    background-color: transparent;
    border-radius: 0;
    height: 100%;
    width: 100%;
    border: 5px solid #fff;
}

.videopoupmodel .modal-content .modal-body {
    padding: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #121212;
}

.videopoupmodel .modal-content .btn-close {
    opacity: 1;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('http://192.168.39.22/blog/wp-content/uploads/2025/06/modal-popup-close-white.svg') no-repeat 50% #fc3441;
    background-size: 45%;
    border-radius: 50%;
    border: 2px solid var(--white-theme);
    z-index: 11;
}

.videopoupmodel .modal-content .modal-header {
    padding: 0;
    background-color: transparent;
}

@media (max-width:767.98px) {
    .videopoupmodel .modal-content {
        width: 96%;
    }
}

.TopMenunav .TopMenunavbar .TopMenunav-item {
    cursor: pointer;
}

/* Header Section style css End */

/* footer section style css start */
/* footer-start */
.FooterBlackNewfooter-section {
    background: #121212;
    display: block;
    padding: 60px 0 15px !important;
    color: #8a8a8a;
    position: relative;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: calc(24px + 0*(100vw - 1920px)/1920);
    margin-bottom: 0 !important;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-logo {
    margin-bottom: 25px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-desc {
    color: #ebeff7;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    line-height: calc(24px + 6*(100vw - 320px)/1600);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-links {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 45px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #555;
}


/* swiper slider start */
.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper {
    padding-top: 3.5rem;
    margin-top: -3.2rem;
    overflow: hidden;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container {
    padding-top: 3.5rem;
    margin-top: -3.2rem;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-prev {
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border-radius: 57px;
    top: 0;
    left: inherit;
    right: 80px;
    margin-top: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-prev::after {
    content: "" !important;
    background: url('https://cdn-server.hiddenbrains.com/Home/_next/static/media/arrow-left.d2f1ba1e.svg') no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    display: flex;
    transform: translate(11px, 11px);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-prev:hover {
    background: #fc3441;
    transition: all 0.5s ease-in-out;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-prev:hover:after {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(918%) hue-rotate(230deg) brightness(117%) contrast(100%);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-next {
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border-radius: 57px;
    top: 0;
    right: 30px;
    left: inherit;
    margin-top: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-next::after {
    content: "" !important;
    background: url('https://cdn-server.hiddenbrains.com/Home/_next/static/media/arrow-right.b07f1e67.svg') no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    display: flex;
    transform: translate(11px, 11px);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-next:hover {
    background: #fc3441;
    transition: all 0.5s ease-in-out;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper .swiper-container .swiper-button-next:hover:after {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(918%) hue-rotate(230deg) brightness(117%) contrast(100%);
}

/* swiper slider end */

/* owl-carousel slider start */
.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav {
    position: absolute;
    top: -55px;
    right: 0;
    display: flex;
    column-gap: 12px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-prev {
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border-radius: 57px;
    position: relative;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-prev:hover {
    background: #fc3441;
    transition: all 0.5s ease-in-out;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-prev:hover:after {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(918%) hue-rotate(230deg) brightness(117%) contrast(100%);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-prev::after {
    content: "" !important;
    background: url('https://cdn-server.hiddenbrains.com/Home/_next/static/media/arrow-left.d2f1ba1e.svg') no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0px, 11px);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-next {
    background: #ffffff;
    transition: all 0.5s ease-in-out;
    width: 36px;
    height: 36px;
    border-radius: 57px;
    position: relative;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-next:hover {
    background: #fc3441;
    transition: all 0.5s ease-in-out;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-next:hover:after {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(918%) hue-rotate(230deg) brightness(117%) contrast(100%);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav .owl-next::after {
    content: "" !important;
    background: url('https://cdn-server.hiddenbrains.com/Home/_next/static/media/arrow-right.b07f1e67.svg') no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0px, 11px);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-nav button span,
.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .owl-carousel .owl-dots {
    display: none;
}

/* owl-carousel slider end */

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion {
    margin: 20px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #555;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item {
    color: #fff;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #555;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-header .accordion-button {
    color: #fff;
    box-shadow: none;
    background-color: transparent;
    padding: 20px 0;
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #fff;
    padding-bottom: 10px;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
    transition: none;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-header .accordion-button:after {
    background-image: none;
    width: 24px;
    height: 24px;
    background: url(https://asset-cdn.hiddenbrains.info/home/_next/static/media/chevron-down-icon.ec72cf65.svg) no-repeat;
    transition: none;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 2px 0 20px;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item:first-of-type .accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item:last-of-type,
.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item:last-of-type .accordion-header .accordion-button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewmob-accordion .accordion .accordion-item .accordion-collapse {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.6s ease;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid {
    width: 30%;
    margin-bottom: 25px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(2) {
    width: 30%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(3) {
    width: 24%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(3) .FooterBlackNewfooter-list ul li {
    float: none;
    width: 100%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(4) {
    width: auto;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(4) .FooterBlackNewfooter-list ul li {
    float: none;
    width: 100%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-hd {
    text-transform: capitalize;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 500;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 30px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-list ul {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li {
    list-style-type: none;
    margin-bottom: 2px;
    float: left;
    width: 45%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li:last-child {
    margin-bottom: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li a {
    color: #8a8a8a;
    text-decoration: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li a:hover {
    color: #fff;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px 20px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk {
    width: 100%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-info {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-img {
    margin-bottom: 16px;
    border-radius: 8px;
    overflow: hidden;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-img img {
    width: 100%;
    border-radius: 8px;
    transition-duration: .5s;
    transform: scale(1);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-img:hover img {
    transition-duration: .5s;
    transform: scale(1.2);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-name {
    color: #f5f5f5;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: calc(20px + 0*(100vw - 320px)/1600);
    line-height: calc(30px + 0*(100vw - 320px)/1600);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
    color: #888;
    font-family: 'Roboto';
    font-weight: 400;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-phone {
    font-size: 1.25rem;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 500;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-phone a {
    color: #fff;
    text-decoration: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-phone a:hover {
    text-decoration: underline;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
    color: #8a8a8a;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img {
    background: #363636;
    border-radius: 8px;
    padding: 20px;
    margin: 44px 0 0;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li {
    list-style-type: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img,
.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img {
    display: block;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li a {
    display: flex;
    justify-content: center;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt {
    width: 33%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt a {
    color: #8a8a8a;
    text-decoration: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt a:hover {
    color: #fff;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links {
    width: 33%;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links a {
    margin: 0 5px;
    color: #8a8a8a;
    text-decoration: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links a:hover {
    color: #fff;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt {
    margin-right: 36px;
    line-height: 30px;
    position: relative;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt:before {
    content: "";
    width: 24px;
    height: 1px;
    position: absolute;
    left: -40px;
    top: 15px;
    display: block;
    background: #555;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li {
    list-style-type: none;
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(21%) saturate(142%) hue-rotate(199deg) brightness(116%) contrast(100%);
}

.FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img:hover {
    filter: brightness(0) saturate(100%) invert(23%) sepia(98%) saturate(2592%) hue-rotate(210deg) brightness(100%) contrast(110%);
}

/* footer-end */

/*mediaquery-start*/

@media (min-width:1368px)and (max-width:1537.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
        font-size: 14px;
    }
}

@media (min-width:1365px)and (max-width:1537.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-info {
        row-gap: 10px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
        row-gap: 10px;
    }
}

@media (min-width:1365px)and (max-width:1367.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
        font-size: 13px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 90%;
    }
}

@media (min-width:1200px)and (max-width:1399.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li a {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1600px;
    }
}

@media (min-width:768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-none {
        display: none !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .mt-md-6 {
        margin-top: 1.5rem !important;
    }
}

@media (min-width:992px) {
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
}

@media (min-width:769px)and (max-width:1537.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-desc {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width:1025.98px)and (max-width:1281.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(2) {
        width: 34%;
    }
}

@media (min-width:1023.98px)and (max-width:1281.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid {
        width: 34%;
    }
}

@media (min-width:1023.98px)and (max-width:1025.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(2) {
        width: 32%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
        font-size: 13px;
    }
}

@media (min-width:992px)and (max-width:1199.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li a {
        font-size: 13px;
        line-height: 20px;
    }
}

@media screen and (min-width:2100px) {
    .FooterBlackNewfooter-section {
        font-size: 16px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-desc {
        font-size: 20px;
        line-height: 30px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-name {
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (max-width:1700px) and (min-width:1601px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (max-width:1650px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
        padding-right: 30px;
    }
}

@media screen and (max-width:1600px) and (min-width:1500px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media screen and (max-width:1499px) and (min-width:1200px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width:1441.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
        row-gap: 10px;
    }
}

@media (max-width:1399.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li {
        width: 46%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-phone {
        font-size: 1rem;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul {
        column-gap: 10px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img {
        max-width: 90%;
        margin: 0 auto;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt {
        font-size: 14px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links {
        font-size: 14px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
        padding-right: 50px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
        row-gap: 10px;
    }
}

@media (max-width:1281.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li {
        width: 50%;
        padding-right: 2px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-info {
        row-gap: 10px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
        row-gap: 10px;
    }
}

@media (max-width:1201.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt:before {
        display: none;
    }
}

@media (max-width:1199.98px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img {
        margin: 10px 0 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt {
        font-size: 12px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links {
        font-size: 12px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
        padding-right: 70px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt {
        font-size: 12px;
        margin-right: 16px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img {
        width: 16px;
        height: 16px;
    }
}

@media (max-width:991.98px) {

    .FooterBlackNewfooter-section .FooterBlackNewfooter-logo img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-logo svg {
        width: auto;
        height: 36px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-links {
        margin: 30px 0 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid {
        width: 50%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(2) {
        width: 50%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(3) {
        width: 50%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
        font-size: 14px;
        line-height: 1.25rem;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 30px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt {
        width: auto;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links {
        width: auto;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links a {
        margin: 0 3px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
        width: auto;
        padding-right: 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt {
        display: none;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul {
        margin-top: 1rem;
    }
}

@media (max-width:767.98px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .FooterBlackNewfooter-section {
        padding: 48px 0 15px !important;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-logo {
        margin-bottom: 32px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-links {
        margin: 0;
        border-top: 0;
        padding: 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid {
        width: 100%;
        margin-bottom: 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(2) {
        width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(3) {
        width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-grid:nth-child(4) {
        width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li {
        width: 100%;
        margin-bottom: 8px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-list ul li a {
        font-size: 16px;
        line-height: 1.5rem;
        font-family: robotoregular, Helvetica Neue, Helvetica;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk {
        width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-info {
        row-gap: 10px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk .FooterBlackNewfooter-address-line {
        font-family: robotomedium, Helvetica Neue, Helvetica;
        font-size: 14px;
        line-height: 1.25rem;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img {
        padding: 1.5rem 1.25rem;
        margin: 24px 0 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
        column-gap: 20px;
        width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:last-child {
        width: 40%;
        text-align: center;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:last-child img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:nth-child(2) img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:nth-child(4) img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:nth-child(6) img {
        max-width: 100%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:nth-child(5) img {
        max-width: 80%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li:nth-child(6) {
        width: 28%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img,
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li img {
        max-width: 100%;
        margin: inherit;
        max-width: 80%;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-copyright-txt {
        font-size: 14px;
        line-height: 1.875rem;
        font-family: robotomedium, Helvetica Neue, Helvetica;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links {
        font-size: 14px;
        line-height: 1.875rem;
        font-family: robotomedium, Helvetica Neue, Helvetica;
        position: relative;
        width: 100%;
        border-top: 1px solid #575757;
        margin: 8px 0 0;
        padding: 8px 0 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-quick-links a:hover {
        color: #fc3441;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials {
        padding-right: 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt {
        display: none;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-follow-txt:before {
        display: none;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul {
        margin-top: 1.8rem;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img {
        filter: brightness(0) saturate(100%) invert(59%) sepia(0) saturate(1773%) hue-rotate(212deg) brightness(93%) contrast(82%);
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img:hover {
        filter: brightness(0) saturate(100%) invert(99%) sepia(21%) saturate(142%) hue-rotate(199deg) brightness(116%) contrast(100%);
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-copyright .FooterBlackNewfooter-socials .FooterBlackNewfooter-social-icon ul li img {
        width: 24px;
        height: 24px;
        filter: none;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .FooterBlackNewfooter-address-blk a {
        row-gap: 10px;
    }
}

@media (min-width:576px)and (max-width:767.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li {
        width: 28%;
        justify-content: center;
        display: flex;
    }
}

@media (max-width:575.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewfooter-desc {
        font-size: 1rem;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-middle .FooterBlackNewfooter-address .swiper {
        overflow: hidden;
        height: 280px;
        min-height: 280px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img {
        padding: .8rem 1rem;
        border-radius: 0;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul {
        column-gap: 13px;
    }

    .FooterBlackNewfooter-section .FooterBlackNewfooter-award-img ul li {
        width: 30%;
        justify-content: center;
        display: flex;
    }
}

@media (min-width:401px)and (max-width:587.98px) {
    .FooterBlackNewfooter-section .FooterBlackNewmob-accordion {
        margin: 28px 0 0;
    }
}

/*mediaquery-end*/



/* footer section style css End */




/* Blog Inner Page Css Start */

.blog-details-slider .post_breadcrumb {
    padding-bottom: 20px;
}

.post_breadcrumb a {
    color: #121212 !important;
    font-size: 16px;
    /* font-weight: 400; */
    font-family: 'IBMPlexSansRegular';
}

.color-000 {
    color: #000 !important;
}

.shareicon {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.bi {
    display: inline-block;
}

.me-1 {
    margin-right: .25rem;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.op-8 {
    opacity: 0.8;
}

.top-profile {
    padding: 0;
    /* margin-top: 122px; */
}

.tag-social-content {
    display: flex;
    flex-wrap: wrap;
}

.text-left {
    text-align: left;
}

.user-profile-sec {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.user-profile-sec a {
    height: 150px;
    width: 150px;
    margin-right: 30px;
}

.user-profile-sec a span {
    width: 150px;
    height: 150px;
    margin: 0 !important;
}

.user-profile-sec a span img {
    border-radius: 0;
}

.user-profile-sec h2 {
    margin-bottom: 10px !important;
}

.user-profile-sec .social-icons-row a {
    width: 43px;
    height: 43px;
}

.user-profile-sec .social-icons-row {
    text-align: left;
}

.top-profile {
    padding: 0;
}

.user-profile {
    display: flex;
    align-items: center;
    gap: 16px;
}

span.user-name {
    color: #121212;
    font-size: 20px;
    font-family: 'IBMPlexSansMedium';
}

.wrap_user_img.name-icon {
    gap: 25px;
}

.icon-10 {
    width: 10px;
    height: 10px;
}

.icon-15 {
    width: 15px;
    height: 15px;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.icon-25 {
    width: 25px;
    height: 25px;
}

.icon-30 {
    width: 30px;
    height: 30px;
}

.icon-35 {
    width: 35px;
    height: 35px;
}

.icon-40 {
    width: 40px;
    height: 40px;
}

.icon-45 {
    width: 45px;
    height: 45px;
}

.icon-50 {
    width: 50px;
    height: 50px;
}

.icon-55 {
    width: 55px;
    height: 55px;
}

.icon-60 {
    width: 60px;
    height: 60px;
}

.icon-65 {
    width: 65px;
    height: 65px;
}

.icon-70 {
    width: 70px;
    height: 70px;
}

.icon-75 {
    width: 75px;
    height: 75px;
}

.icon-80 {
    width: 80px;
    height: 80px;
}

.wrap_user_img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.blog-page.style-5 .all-news .card .category-lists {
    margin-top: 15px;
    bottom: 0;
    min-height: 95px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-page.style-5 .all-news .card .category-lists a {
    border-radius: 8px;
    background: #D6E6FF;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
}

.single-blog-container {
    max-width: 90%;
    margin: 0 auto;
}

.toc-blog-single {
    width: 100% !important;
    display: flex;
}

.toc-blog-table-main {
    width: 22%;
    align-self: flex-start !important;
    position: sticky !important;
    top: 100px !important;
    margin-right: 3%;
    display: flex;
    flex-direction: column-reverse;
}

.sidebar-box {
    display: block;
    width: 100%;
    background: #eee;
    padding: 15px;
    border-radius: 4px;
}

.toc-blog-table-main .sidebar-box {
    width: 115%;
}

.toc-blog-single .post-box-mid.post-cnt {
    width: 78%;
}

.blog-side-bar {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100px;
}


.form-container {
    background-color: #ffffff;
    padding: 40px;
    width: auto;
    border: 2px solid #DFEBFC;
    border-radius: 6px;
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-container h2 {
    font-size: 28px;
    color: #121212;
    margin-bottom: 20px;
    line-height: 36px;
    font-family: 'IBMPlexSansMedium';
}

.form-container form input,
.form-container form textarea {
    width: 100%;
    padding: 12px;
    background: #EBF5FC;
    margin-bottom: 15px;
    border: 1px solid #EBF5FC;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
    height: 53px;
    line-height: 27.2px;
}

.form-container form input::placeholder {
    color: #8A8A8A;
}

.form-container form textarea::placeholder {
    color: #8A8A8A;
}

.form-container form textarea {
    /* resize: none; */
    height: 116px !important;
}

.form-container form button {
    width: 100%;
    padding: 16px 24px;
    background-color: #FC3441;
    color: white;
    /* font-weight: 600; */
    font-size: 20px;
    border: 1px solid #FC3441;
    border-radius: 4px;
    font-family: 'IBMPlexSansSemiBold';
    cursor: pointer;
}

.form-container form button:hover {
    background-color: #ffffff;
    color: #fc3441;
    border: 1px solid #fc3441;
}


/* .toclist {
    order: 2;
    margin-top: 35px;
    margin-left: 37px;
} */

.toclist {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100px;
    line-height: 34px;
}

.toclist strong {
    display: block;
    font-size: 20px;
    margin-bottom: 24px;
    color: #FC3441;
    font-family: 'IBMPlexSansBold';
}

.toclist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-right: 2px solid #E5E5E5;
    /* padding-left: 18px; */
    margin-bottom: 30px;
    padding-right: 20px;
}

.toclist ul li {
    margin-bottom: 16px;
    position: relative;
}

.toclist ul li a {
    color: #444;
    font-size: 16px;
    display: block;
    transition: all 0.3s ease;
    line-height: 1.3rem;
    font-family: 'IBMPlexSansRegular';
}

.toclist ul li.active a {
    font-weight: 600;
    color: #000;
    margin-left: 20px;
}

.toclist ul li.active::before {
    content: '';
    position: absolute;
    right: -22px;
    top: 0;
    height: 30px;
    width: 3px;
    background-color: #FC3441;
    border-radius: 5px;
}

.col-lg-4.toc {
    display: flex;
    flex-direction: column;
}

.single-blog-container .table-inner tbody tr:first-child th {
    font-size: 18px;
}

body.single-post .blog-page .blog-content-info .wp-block-image,
body.single-post .blog-page .blog-content-info .wp-block-image figure {
    margin: 0;
}

body.single-post .blog-page .blog-content-info iframe:not(.blog-video-center) {
    position: absolute;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

body.single-post .blog-page .blog-content-info img {
    width: 100%;
    height: 100%;
}

body.single-post .blog-page .blog-content-info ul {
    list-style: disc;
    padding-left: 45px;
    margin: 10px 0;
    margin-left: 0 !important;
}

body.single-post .blog-page .blog-content-info ol {
    list-style: decimal;
    padding-left: 25px;
    margin: 10px 0;
    margin-left: 0 !important;
}

body.single-post .blog-page .blog-content-info ul li {
    list-style: disc;
    font-family: 'IBMPlexSansRegular';
    font-size: 20px;
    font-weight: unset;
    line-height: 34px;
    padding-bottom: 15px;
}

body.single-post .blog-page .blog-content-info ol li {
    line-height: 34px;
    padding-bottom: 15px;
}

body.single-post .blog-page .blog-content-info ul li+li {
    margin-top: 4px;
}

body.single-post .blog-page .blog-content-info ol li {
    list-style: decimal;
    margin: 5px 0;
    line-height: 1.5;
}

body.single-post .blog-page .blog-content-info ol li a {
    display: inline;
}

/*body.single-post .blog-page .blog-content-info p a,
body.single-post .blog-page .blog-content-info p a b {
    color: #333 !important;
    text-decoration: underline !important;
    display: inline-block;
}*/
/*Samir Thakar16-May-2025*/
body.single-post .blog-page .blog-content-info p a,
body.single-post .blog-page .blog-content-info p a b {
    color: #2B65ED !important;
    text-decoration: none !important;
    /* display: inline-block; */
    font-family: 'IBMPlexSansRegular';
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 1.5;
}

body.single-post .blog-page .blog-content-info p a:hover {
    color: #174EA6 !important;
    text-decoration: none !important;
}

body.single-post .blog-page .blog-content-info p a b:hover {
    color: #174EA6 !important;
    text-decoration: none !important;
}

body.single-post .blog-page .blog-content-info p+h4 {
    margin: 30px 0 15px 0;
    font-size: 20px;
}

body.single-post .blog-page .blog-content-info h3 {
    margin: 25px 0 10px 0;
    color: #000000;
    font-size: 28px;
    font-weight: 600;
}

.summery-content p:last-child {
    margin-bottom: 0;
}

body.single-post .blog-page .blog-content-info p+p {
    margin-bottom: 16px;
}

body.single-post .blog-page .blog-content-info h2 {
    color: #000;
}

body.single-post .blog-page .blog-content-info h4 {
    font-size: 20px;
    color: #000;
    /* padding: 15px 0; */
}

.blog-page.style-5 .all-news .card .img.img-cover>a {
    display: block;
    height: 100%;
}

.blog-page.style-5 .all-news .card .img.img-cover>a.no-thumb {
    background: #eee;
    border-radius: 20px;
    min-height: 160px;
}

.social-icons-row {
    text-align: center;
    margin-left: 30px;
}

.social-icons-row a {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #000;
    margin-right: 20px;
}

.social-icons-row a .col {
    padding: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.social-icons-row .col:before {
    content: "" !important;
    width: 43px;
    height: 43px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
    border-radius: 50%;
}

profile_section {
    box-shadow: 0 5px 40px 0 rgba(212, 221, 245, .9);
    padding: 20px 30px;
}

.user-profile-sec {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.user-profile-sec a {
    height: 150px;
    width: 150px;
    margin-right: 30px;
}

.user-profile-sec a span {
    width: 150px;
    height: 150px;
    margin: 0 !important;
}

.user-profile-sec a span img {
    border-radius: 0;
}

.user-profile-sec h2 {
    margin-bottom: 10px !important;
}

.user-profile-sec .social-icons-row a {
    width: 43px;
    height: 43px;
}

.user-profile-sec .social-icons-row {
    text-align: left;
}

.wrap_user_img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.single_auth_section {
    padding-top: 20px !important;
}


/* 29 august 6:14pm */
.col-lg-12.single_auth_section {
    display: none;
}

.single-post .wp-block-embed-youtube {
    position: relative;
}

.single-post .wp-block-embed-youtube {
    margin-left: 0;
    margin-right: 0;
}

.single-post .wp-block-embed-youtube .wp-block-embed__wrapper {
    height: auto;
    padding-top: 56.2%;
}

.single-post .wp-block-embed-youtube .wp-block-embed__wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.single-post .wp-block-embed-youtube .wp-has-aspect-ratio .rll-youtube-player {
    position: relative !important;
}

pre {
    padding: 20px 25px !important;
    margin-bottom: 25px !important;
    box-shadow: 4px 4px 0 #333 !important;
}

.has-text-align-center {
    text-align: center;
}

.blog-content-info ol li a,
.blog-content-info ul li a {
    color: #2B65ED !important;
}

.social_share {
    padding-left: 205px;
}

.blog-share .share-icons>span {
    font-size: 14px;
    line-height: 1.4;
}

#ez-toc-container ul li a:hover,
#ez-toc-container ul li a.active {
    color: #2B65ED !important;
}

.blog-details-slider .category-lists a {
    background-color: #ffffff;
    font-weight: 500;
    border: 1px solid #E5E5E5;
}

.blog-details-slider .category-lists a:hover {
    background-color: #ffffff;
    font-weight: 500;
    border: 1px solid #FC3441;
}

.blog-details-slider .category-lists a {
    border-radius: 8px;
    background: #d6e6ff;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
}

.blog-details-slider .section-head.style-5 h1 {
    font-size: 40px;
    max-width: 99%;
    margin: 0 auto;
    font-weight: 600;
    font-family: 'IBM Plex Sans';
}

h1.blog-title.color-000 {
    padding-bottom: 30px;
}

.blog-page .all-news {
    /* font-family: 'IBM Plex Sans', sans-serif;
    --font-family-regular: 'IBM Plex Sans', sans-serif;
    --font-family-bold: 'IBM Plex Sans', sans-serif;
    --font-family-medium: 'IBM Plex Sans', sans-serif;
    --font-family-extrabold: 'IBM Plex Sans', sans-serif;
    --font-family-light: 'IBM Plex Sans', sans-serif; */
    color: #333;
}

/* .post-thumbnail img {
    width: 648px;
    height: 361px;
} */

.blog-details-slider .category-lists {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 100%;
    margin: 25px 0 0 0;
}

.related-post {
    clear: both;
    margin: 96px 0 50px 0;
}

.blog-content-info .related-post .headline {
    font-size: 32px !important;
    font-weight: 600;
    color: #000 !important;
}

.related-post .post-list {
    text-align: left;
}

.related-post .post-list .item {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    padding: 0;
    width: 30% !important;
}

.related-post .post-list .item .thumb {
    overflow: hidden;
}

.related-post .post-list .item .post_thumb {
    /* max-height: 220px; */
    margin: 10px 0;
    padding: 0;
    display: block;
    /* width: 310px; */
}

.related-post .post-list .item .thumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* .blog-content-info .related-post .post-list .item .post_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'IBM Plex Sans', sans-serif;
    width: calc(100% - 350px);
} */

.related-post .post-list .item .post_title {
    color: #3f3f3f;
    margin: 10px 0;
    padding: 0;
    display: block;
    margin-bottom: 0;
}

.profile_section {
    box-shadow: 0 5px 40px 0 rgba(212, 221, 245, .9);
    padding: 20px 30px;
}

figure.wp-block-image.size-full img {
    width: 100%;
}

.cta2-sectionnew {
    background: #000;
    border-radius: 6px;
    max-width: 100%;
    height: 210px;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: "IBMPlexSansRegular", sans-serif;
    /* font-weight: 300; */
    font-size: 17px;
    line-height: 20px;
    /* margin: 16px auto; */
    margin: 50px auto;
    overflow: hidden;
}

.cta2-sectionnew a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    height: unset;
    display: inline;
    align-items: center;
}

.cta2-urlcover {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.cta2-banner-leftimg .cta2-banner-txt {
    position: relative;
    z-index: 1;
    padding: 0 40px 0 350px;
}

.cta2-banner-rightimg img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    max-width: 100%;
    display: block;
    width: auto !important;
    height: auto !important;
}

.cta2-banner-rightimg .cta2-banner-txt {
    position: relative;
    z-index: 1;
    padding: 0 320px 0 40px;
}

.cta2-banner-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 500;
}

.cta2-banner-leftimg img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    max-width: 100%;
    display: block;
    width: auto !important;
    height: auto !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.summery-acf {
    border-left: 2px solid #FC3441;
    padding-left: 48px;
    margin-bottom: 36px;
    font-size: 20px;
    /* font-weight: 400; */
    color: #555555;
    font-family: 'IBMPlexSansRegular';
    line-height: 1.875rem;
    background-color: #EBF5FC;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
}

p.summery-title {
    font-size: 20px !important;
    /* font-weight: 500 !important; */
    color: #121212 !important;
    font-family: 'IBMPlexSansMedium' !important;
    line-height: 34px;

}

.blog-content-info,
.blog-content-info p {
    color: #555555;
    font-size: 20px;
    /* font-weight: 400; */
    font-family: 'IBMPlexSansRegular';
    line-height: 1.875rem;
}

.single-blog-container .table-inner {
    border-bottom: 0;
    box-shadow: none;
    border-collapse: separate !important;
    border-spacing: 0;
}

.single-blog-container .wp-block-table {
    overflow-x: auto;
}

.single-blog-container .table-inner tbody tr {
    border: 0;
}

body.single-post .blog-page .blog-content-info .wp-block-image,
body.single-post .blog-page .blog-content-info .wp-block-image figure {
    margin: 0;
}

p.finalwords-title {
    color: #121212;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
}

.finalwords {
    padding: 28px;
    border: 1px solid #F3BA19;
    border-radius: 16px;
    margin: 30px 0;
}

.blog-page a strong {
    font-weight: 400 !important;
}

/* .blog-content-info .related-post .post-list .item {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
} */


.rank-math-list-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.rank-math-question {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding: 10px 50px 10px 24px;
}

.rank-math-question::after {
    background-image: none;
    background-color: #fff;
    transition: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    color: #121212;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #121212;
    content: "";
    flex-shrink: 0;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rank-math-question::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    right: 13px;
    height: 8px;
    width: 8px;
    border-color: #121212;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
}

.rank-math-list-item.open .rank-math-question::before {
    transform: rotate(226deg);
    margin: 0;
}

.rank-math-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.rank-math-list-item.open .rank-math-answer {
    max-height: inherit;
    margin: 20px 50px 20px 50px;
    /* adjust based on content length */
}

.rank-math-list-item h3 {
    font-size: 24px !important;
    font-family: 'IBMPlexSansMedium';
    font-weight: unset !important;
}

.rank-math-list-item h3 strong {
    font-size: 24px !important;
    font-family: 'IBMPlexSansMedium';
    font-weight: unset;
}

h2#frequently-asked-questions-fa-qs {
    font-size: 36px;
    /* font-weight: 600; */
    padding-bottom: 36px;
    font-family: 'IBMPlexSansSemiBold';
}

li strong {
    color: #121212;
    font-family: 'IBMPlexSansSemiBold';
    font-size: 20px;
    font-weight: unset;
}

h2.wp-block-heading {
    font-size: 36px;
    /* font-weight: 600; */
    font-family: 'IBMPlexSansSemiBold';
    margin: 20px 0 20px 0;
}

.icon-social-linkedin:before {
    --wpr-bg-bd0691d7-ba80-42fe-9353-db3f1c7c1543: url(https://www.hiddenbrains.com/blog/wp-content/themes/blankslate/assets/image/linkedin.svg);
}

.icon-social-linkedin:before {
    background: var(--wpr-bg-bd0691d7-ba80-42fe-9353-db3f1c7c1543);
}

div#share-icons {
    background-color: #F5F5F5;
    padding: 24px 20px;
    border-radius: 8px;
    margin: 0;
}

.share-popup a {
    display: block;
    padding: 4px 0;
    color: #0073aa;
    text-decoration: none;
}

.share-popup a:hover {
    text-decoration: underline;
}

div#userdesc {
    font-size: 18px;
    font-family: 'IBMPlexSansRegular';
    color: #121212 !important;
}

span#user-name {
    font-size: 20px;
    font-family: 'IBMPlexSansMedium';
    color: #121212;
}

/* #userdesc {
    visibility: hidden;
} */

blockquote p {
    font-size: 16px !important;
    color: #333 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    /* font-weight: 400 !important; */
    font-family: 'IBMPlexSansRegular' !important;
}

span.read-more:hover {
    color: #174EA6 !important;
}

.insight-box {
    border: 1px solid #0067FF42;
    border-radius: 16px;
    padding: 24px 36px;
    max-width: 800px;
    font-family: sans-serif;
    background-color: #fff;
    margin: 30px 0;
}

.insight-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.insight-icon {
    color: #f4c542;
    /* Gold-like color */
    font-size: 20px;
    margin-right: 8px;
}

.insight-label {
    /* font-weight: 500; */
    color: #121212;
    font-size: 18px;
    font-family: 'IBMPlexSansMedium';
}

.insight-title {
    /* font-weight: 400; */
    font-size: 18px;
    font-family: 'IBMPlexSansRegular';
    line-height: 1.5;
    color: #333;
}

.insight-title a {
    color: #2B65ED;
    text-decoration: none;
    /* font-weight: 400; */
    font-size: 18px;
    font-family: 'IBMPlexSansRegular';
}

.insight-title a:hover {
    text-decoration: underline;
    color: #174EA6;
}

div#userbotmdesc {
    font-size: 18px;
    font-family: 'IBMPlexSansRegular';
    line-height: 1.8;
}

.share-popup .share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    transition: background 0.3s;
    text-decoration: none;
}

.share-popup .share-icon:hover {
    background-color: #444;
}



.custom-share-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dbeafe;
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #F5F5F5;
    padding: 10px 10px 10px 36px;
    border-radius: 8px;
    margin: 20px 0 0 0;
}

.share-text {
    /* font-weight: 500; */
    font-size: 16px;
    font-family: 'IBMPlexSansMedium';
}

.share-icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.share-icons i {
    font-size: 25px !important;
    color: #555 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding: 8px !important;
    border-radius: 4px !important;
    width: 60px !important;
    height: 60px !important;
    text-align: center !important;
    line-height: 16px !important;
    transition: all 0.3s ease !important;
}


.share-icons a:hover i {
    background-color: #e2e8f0;
    color: #000;
}

.share-label {
    margin-right: 6px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
}

/* :target {
    padding-top: 150px;
} */

.ai-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 3px solid red;
    background-color: #f8f8f8;
    padding: 24px 36px;
    font-family: 'IBMPlexSansRegular';
    margin: 48px 0;
}

.ai-card-text {
    font-size: 18px;
    color: #000;
    /* font-weight: 500; */
    font-family: 'IBMPlexSansMedium';
    padding-right: 10px;
    width: 80%;
}

.ai-card-link {
    text-decoration: none;
    font-size: 18px;
    line-height: 1.75rem;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 4px;
    /* font-weight: 500; */
    font-family: 'IBMPlexSansMedium';
}

.ai-card-link:hover {
    text-decoration: none;
    color: #174EA6;
}

.ai-card-link .arrow {
    font-size: 24px;
}

.quote-box {
    border-left: 3px solid #0086C3;
    /* Light blue */
    background-color: #f0f8ff;
    /* Light bluish background */
    padding: 36px 36px;
    font-family: 'IBMPlexSansRegular';
    width: 100%;
    margin: 63px 0;
}

.quote-text {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px;
    line-height: 27.2px;
    /* font-weight: 400; */
    font-family: 'IBMPlexSansRegular';
}

.quote-author {
    font-size: 16px;
    color: #000;
    margin: 0;
    /* font-weight: 500; */
    font-family: 'IBMPlexSansMedium';
}

div#blog-content {
    padding-top: 48px;
}

.blog-content-info ul li a:hover {
    color: #174EA6 !important;
}

.blog-page .all-news blockquote {
    border-left: 3px solid #0099ff;
    background-color: #f0f8ff;
    padding: 24px 36px;
    font-family: IBM Plex Sans;
    width: 100%;
    margin: 25px 0;
}

body.single-post .blog-page .blog-content-info blockquote a {
    color: #2B65ED !important;
    text-decoration: none !important;
}

body.single-post .blog-page .blog-content-info blockquote a:hover {
    color: #174EA6 !important;
}

.wp-block-quote p strong {
    /* font-weight: 400 !important; */
    font-size: 16px;
    font-family: 'IBMPlexSansRegular';
}

.col-lg-3.toc {
    width: 25%;
}

div#side-toc {
    width: 17%;
}

.col-lg-6.single-blog-container {
    width: 58%;
    padding: 0 88px 0 88px;
    margin: 0;
}

.ctaebook-sectionnew {
    background: #fff;
    border-radius: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 10px auto;
    border: 1px solid #e5e5e5;
}

.ctaebook-sectionnew .bg-img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.ctaebook-sectionnew .ctaebook-banner {
    display: flex;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt {
    padding: 30px 0 30px 28px;
    max-width: 100%;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt .ctaebook-banner-txt .ctaebook-banner-title {
    font-family: 'IBMPlexSansRegular';
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    color: #121212;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt ul {
    padding: 0 0 18px !important;
    display: flex;
    flex-wrap: wrap;
    row-gap: 14px;
    align-items: center;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt .cta-btn {
    margin: .8em 0 0;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt ul li {
    font-family: "IBMPlexSansBold";
    /* font-weight: 700; */
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    color: #121212;
    width: 44% !important;
    position: relative !important;
    list-style-type: none !important;
    padding-left: 25px;
    margin-top: 0 !important;
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt .btn {
    font-family: "IBMPlexSansSemiBold";
    background: #0067ff;
    font-size: 1.25em;
    min-width: 196px;
    line-height: 50px;
    padding: 2px 20px;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    color: #fff;
    border: 2px solid #0067ff;
    text-transform: capitalize;
    /* font-weight: 600; */
}

.ctaebook-sectionnew .ctaebook-banner .lft-cnt ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    background: url('https://cdn-server-blog.hiddenbrains.com/blog/wp-content/uploads/2025/04/cta-ebook-right-icon.svg');
    width: 16.42px;
    height: 16.42px;
}

.rght-cnt {
    display: flex;
    align-items: flex-end;
}

/* .ctaebook-sectionnew .ctaebook-banner .lft-cnt ul li::before {
    content: url('https://cdn-server-blog.hiddenbrains.com/blog/wp-content/uploads/2025/04/cta-ebook-right-icon.svg');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
} */

.ctaebook-sectionnew .ctaebook-banner .lft-cnt a {
    text-decoration: none;
}


/* cta old design code  */

.cta-section p,
.cta-section small {
    color: #fff;
}

.cta-section .btn {
    background: #0067ff;
    font-size: 1.25em;
    min-width: 196px;
    line-height: 52px;
    padding: 0 25px;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    color: #fff;
    border: 2px solid #0067ff;
    text-transform: capitalize;
    /* font-family: var(--font-family-regular); */
    font-weight: 600;
}

.cta-section .btn:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.cta-section {
    font-size: 80%;
    position: relative;
    background: #121212;
    color: #fff;
    padding: 2.188rem 0;
    min-height: 13.75rem;
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}

.cta-section:before {
    content: "";
    width: calc(100% - 500px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(-270deg, hsla(0, 0%, 7%, 0), #121212 50%, #121212);
    filter: blur(0);
    z-index: 1;
}

.cta-section4 .cta-thumb img {
    object-fit: cover;
    object-position: right !important;
}

.cta-section4 .cta-cont {
    padding: 0 30px;
}

.cta-section .cta-cont {
    position: relative;
    z-index: 1;
}

.cta-section .cta-desc.cta-desc-lg p {
    font-size: 2.25em;
    line-height: 1.2em;
    /* font-family: var(--font-family-regular); */
    font-weight: 300;
    margin: .4em 0 0;
}

.cta-section .cta-btn {
    margin: .8em 0 0;
}

.cta-section .cta-thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.cta-section .cta-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cta-section .ms-cstm {
    padding-left: 3rem;
}

.cta-section5 .cta-desc.cta-desc-lg small {
    display: block;
    font-size: 1.25em;
    line-height: 1.2em;
    /* font-family: var(--font-family-regular); */
    font-weight: 400;
    margin: .4em 0 1em;
}

.cta-btn-group {
    display: none;
}

.justify-content-lg-end {
    justify-content: flex-end !important;
}

/* .justify-content-sm-start {
    justify-content: flex-start !important;
} */

.container-fluid .col-lg-7.col-md-10 {
    flex: 0 0 auto;
    width: 64.333333%;
}

.container .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

/* === Blockchain CTA Static Section =================================== */
.blockchain-cta-static {
    border: 2px solid #f55246;
    border-radius: 12px;
    margin: 4rem auto;
    /* background: #fff url('https://cdn-server-blog.hiddenbrains.com/blog/wp-content/uploads/2025/10/1182.png') no-repeat left center; */
    background-size: contain;
    position: relative;
    overflow: hidden;
    max-width: 1200px;
}

.blockchain-cta-container {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    /* gap: 2rem; */
    flex-wrap: wrap;
}

div#left-blockchain {
    padding: 40px 0;
}

div#left-blockchain {
    padding: 40px 0;
    background: #fff url(https://cdn-server-blog.hiddenbrains.com/blog/wp-content/uploads/2025/10/1182.png) no-repeat left center;
}

.blockchain-cta-left {
    flex: 1 1 50%;
    z-index: 1;
}

.blockchain-cta-left p {
    margin-bottom: 1.5rem;
    color: #000;
    padding-left: 40px;
}

.blockchain-cta-btn {
    display: inline-block;
    background-color: #f55246;
    color: #fff;
    padding: 1rem 2.5rem;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s ease;
    margin: 0px auto 0px 40px;

}

.blockchain-cta-btn:hover {
    transform: translateY(-3px);
    color: #fff;
}

.blockchain-cta-right {
    flex: 0 0 40%;
    max-width: 40%;
}

.blockchain-cta-right img {
    width: 100%;
    height: auto;
    border-radius: 0 10px 10px 0;
}


/* .section-head.style-5.col-lg-6.top-breadcrumbs {
    padding-right: 155px;
} */

.section-head.style-5.col-lg-6.top-breadcrumbs.leftgapaec.order-lg-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-head.style-5.col-lg-6.top-breadcrumbs {
    padding-right: 0;
}

.post-publish-log {
    color: #121212;
    font-size: 14px;
    font-family: 'IBMPlexSansRegular';
}

a.tag-item {
    color: #121212;
}

hr {
    margin: 3rem 50px;
    color: #8A8A8A;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 1.25;
}

li a strong {
    color: #174EA6 !important;
}

/* media query for mobile start */

@media (max-width: 767.98px) {
    .section-head.style-5.col-lg-6.top-breadcrumbs {
        padding-right: 15px !important;
        min-height: 80px;
        contain: layout;
        visibility: visible;
    }

    .post-thumbnail img {
        width: 100%;
        height: 100%;
    }

    .top-profile {
        padding: 0;
        margin-top: 15px !important;
    }

    .blog-page.style-5 .blog-details-slider {
        padding: 30px 0 40px 0;
    }

    .blog-details-slider .post_breadcrumb {
        padding-bottom: 0px;
    }

    .col-lg-4.toc {
        display: none
    }

    .single-blog-container {
        width: 100%;
        max-width: 100%;
    }

    .user-profile-sec {
        display: flex;
        align-items: flex-start;
        text-align: left;
        flex-direction: column;
    }

    .share-icons i {
        font-size: 15px !important;
        color: #555 !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        padding: 8px !important;
        border-radius: 4px !important;
        width: 30px !important;
        height: 30px !important;
        text-align: center !important;
        line-height: 16px !important;
        transition: all 0.3s ease !important;
    }


    .share-icons {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .custom-share-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #dbeafe;
        font-family: Arial, sans-serif;
        color: #333;
        background-color: #F5F5F5;
        padding: 10px 10px 10px 10px;
        border-radius: 8px;
        margin: 20px 0 0 0;
        flex-direction: column;
    }

    .related-post .post-list .item {
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        padding: 0;
        width: 100% !important;
    }

    .tag-social-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;

    }

    .blog-content-info p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog-content-info h2,
    .blog-content-info h3,
    .blog-content-info h4,
    div .ai-card {
        padding-left: 10px;
        padding-right: 10px;
    }



    .post-thumbnail {
        padding-top: 0;
    }

    .blog-details-slider .section-head.style-5 h1 {
        font-size: 36px;
    }

    .blog-content-info,
    .blog-content-info p {
        font-size: 16px;
    }

    h2.wp-block-heading {
        font-size: 28px;
        margin: 30px 0 20px 0;
    }

    body.single-post .blog-page .blog-content-info h3 {
        font-size: 22px;
    }

    .summery-acf {
        font-size: 16px;
    }

    .finalwords {
        padding: 20px;
        border: 1px solid #F3BA19;
        border-radius: 16px;
        margin: 30px 0;
    }

    p.finalwords-title {
        padding: 0;
    }

    .share-text {
        /* font-weight: 500; */
        font-size: 16px;
        font-family: 'IBMPlexSansMedium';
        padding-bottom: 5px;
    }

    h2#frequently-asked-questions-fa-qs {
        font-size: 36px;
        /* font-weight: 600; */
        padding-bottom: 10px;
        font-family: 'IBMPlexSansSemiBold';
    }

    div#share-icons {
        background-color: #F5F5F5;
        padding: 15px 5px;
        border-radius: 8px;
        margin: 0;
    }

    .rank-math-question::after {
        width: 35px;
        height: 35px;
        background-size: 20px;
    }

    .cta2-banner-leftimg .cta2-banner-txt {
        position: relative;
        padding: 20px;
        z-index: 99;
    }

    .ai-card {
        padding: 18px 15px;

    }

    .quote-box {
        padding: 18px 15px;
        margin: 30px 0;
    }

    .col-lg-3.toc {
        display: none
    }

    .col-lg-6.single-blog-container {
        width: unset;
        padding: unset;
        margin: unset;
    }

    div#left-blockchain {
        /* position: absolute; */
        z-index: 101;
        opacity: 999;
        top: 0;
        color: white;
        background: transparent;
        padding: 10px 0;
    }

    .section-head.style-5.col-lg-6.top-breadcrumbs.leftgapaec.order-lg-2 {
        padding-bottom: 25px;
    }

    body.single-post .blog-page .blog-content-info ul li {
        font-size: 16px;
    }

    li strong {
        font-size: 17px;
    }

    .l_side.d-flex {
        padding-bottom: 25px;
    }

    .card {
        padding-bottom: 0;
    }

    .rank-math-list-item h3 {
        font-size: 20px !important;
        padding-right: 40px;

    }

    .rank-math-list-item.open .rank-math-answer {
        max-height: inherit;
        margin: 20px 20px;
    }

    body.single-post .blog-page .blog-content-info p a,
    body.single-post .blog-page .blog-content-info p a b {
        font-size: 16px;
    }

    .cta2-banner-leftimg img {
        display: none;
    }
}

/* meddia query for mobile close */



/* === blockchain Tablet View =================================== */
@media (max-width: 992px) {
    .section-head.style-5.col-lg-6.top-breadcrumbs {
        padding-right: 0;
    }

    .blockchain-cta-left p {
        padding-left: 12px;
        padding-right: 12px;
        color: #000000 !important;
    }

    .blockchain-cta-right {
        flex: 1 1 45%;
        max-width: 100%;
        width: 100%;
    }

    .blockchain-cta-btn {
        margin: auto 12px;
    }

    .blockchain-cta-static {
        margin-left: 12px;
        margin-right: 12px;
    }

    .ai-card-text {
        padding-right: 10px;
        width: 65%;
    }


}

/* === blockchain Mobile View =================================== */
@media (max-width: 768px) {
    .blockchain-cta-container {
        flex-direction: column;
        text-align: center;
    }

    .blockchain-cta-right {
        order: -1;
        max-width: 100%;
        width: 100%;

    }

    .blockchain-cta-right img {
        border-radius: 10px 10px 0 0;
    }


    .blockchain-cta-btn {
        padding: 0.9rem 2rem;
        margin: 18px auto;

    }

    .blockchain-cta-static {
        background-position: top center;
        background-size: 100% auto;
        smargin-left: 12px;
        margin-right: 12px;
    }

    .blockchain-cta-left p {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ai-card-text {
        padding-right: 10px;
        width: 75%;
    }
}









/* media query for tablet start */
@media (max-width: 991.98px) {

    div#blog-content {
        padding-left: 30px;
        padding-right: 20px;
    }

    .container-fluid {
        padding: 0 10px;
    }

    .blog-page.style-5 .blog-details-slider {
        padding: 30px 0 40px 0;
    }

    .top-profile {
        padding: 0;
        /* margin-top: 30px; */
    }

    #userdesc {
        padding-bottom: 30px;
    }

    .post-thumbnail img {
        width: 100%;
        height: 100%;
    }

    .blog-details-slider .post_breadcrumb {
        padding-bottom: 0;
    }

    .col-lg-4.toc {
        display: none;
    }

    .single-blog-container {
        margin: 0 auto;
        width: 100%;
        max-width: 98%;
    }

    div#share-icons {
        background-color: #F5F5F5;
        padding: 20px 20px;
        border-radius: 8px;
        margin: 0;
    }

    .custom-share-bar {
        padding: 20px;
    }

    .col-lg-3.toc {
        display: none
    }

    .col-lg-6.single-blog-container {
        width: unset;
        padding: unset;
        margin: unset;
    }

    .ai-card-text {
        padding-right: 10px;
        width: 70%;
    }

    .section-head.style-5.col-lg-6.top-breadcrumbs.leftgapaec.order-lg-2 {
        padding-bottom: 25px;
    }

    .ctaebook-sectionnew .ctaebook-banner {
        display: flex;
        flex-wrap: wrap;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
        padding: 0 20px 0 20px;
    }

    .container-fluid .col-lg-7.col-md-10 {
        flex: 0 0 auto;
        width: 100%;
    }

    .cta-section .ms-cstm {
        padding-left: 0;
    }

    .cta-section .cta-desc.cta-desc-lg p {
        padding: 0;
    }

    .cta-section .cta-thumb img {
        display: none;
    }

    .container .col-lg-7 {
        flex: 0 0 auto;
        width: 100%;
    }
}


/* media query for tablet close */

/* mac device media query start */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    .form-container h2 {
        font-size: 24px;
        color: #121212;
        margin-bottom: 20px;
        font-weight: 500;
        line-height: 36px;
    }

    .section-head.style-5.col-lg-6.top-breadcrumbs {
        padding-right: 50px;
    }

    .blog-details-slider .section-head.style-5 h1 {
        font-size: 36px;
    }

    body.single-post .blog-page .blog-content-info h3 {
        font-size: 26px;
    }

    h2.wp-block-heading {
        font-size: 34px;
    }

    .cta2-banner-leftimg .cta2-banner-txt {
        position: relative;
        z-index: 15;
        /* padding: 0 40px 0 50px; */
    }

    .form-container {
        padding: 20px;
    }

    .form-container h2 {
        font-size: 22px;
    }

    .ai-card-text {
        padding-right: 10px;
        width: 72%;
    }
}

@media (max-width: 1500px) {
    .ai-card-text {
        padding-right: 10px;
        width: 72%;
    }
}

/* mac device media query end */
/* Blog Inner Page Css Close  */



/* category page Blog list Css start */

.category .blog-page {
    margin-top: 100px;
}

.tag .blog-page {
    margin-top: 100px;
}

/* category page Blog list Css close */

/* auther page desing css start*/

.author section.blog-slider.pt-50.style-1 {
    margin-top: 100px;
}

/* auther page desing css close*/



/* css given by smir sir  */


.single-blog-container .wp-block-table {
    overflow-x: auto;
    margin: 1em 10px;
}

.single-blog-container .table-inner {
    border-bottom: 0;
    box-shadow: none;
    border-collapse: separate !important;
    border-spacing: 0;
}

.single-blog-container .table-inner:hover tr td:nth-child(1) {
    background: inherit !important;
    background-color: transparent;
}

.single-blog-container .table-inner:hover tr:nth-child(even) {
    background: #ffffff !important;
    background-color: transparent;
}

.single-blog-container .table-inner:hover tr:nth-child(odd) {
    background: #f5f5f5 !important;
    background-color: transparent;
}

.single-blog-container .table-inner tbody tr {
    border: 0;
}

.single-blog-container .table-inner tbody tr:first-child th {
    font-size: 21px;
    line-height: 2.25rem;
    color: #121212;
    transition: all .5s ease-in-out;
    background: #e5e5e5 !important;
    border-color: #fff !important;
}

.single-blog-container .table-inner tbody tr:first-child th:nth-child(1) {
    background: #fc3441 !important;
    transition: all .2s ease-in-out;
    color: #fff !important;
    border-left: 2px solid #fc3441 !important;
    border-right: 2px solid #fc3441 !important;
}

.single-blog-container .table-inner tbody tr:first-child th:nth-child(1):after {
    display: none !important;
}

.single-blog-container .table-inner tbody tr:first-child th:hover {
    background: #121212;
    transition: all .5s ease-in-out;
}

.single-blog-container .table-inner tbody tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

.single-blog-container .table-inner tbody tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.single-blog-container .table-inner tbody tr:first-child th:last-child:after {
    display: none !important;
}

.single-blog-container .table-inner tbody tr:first-child th:after {
    display: block !important;
}

.single-blog-container .table-inner tbody tr td:first-child {
    background-color: #ffffff;
}

.single-blog-container .table-inner tbody tr td {
    border: 0 !important;
    border-left: 2px solid #e5e5e5 !important;
    border-bottom: 2px solid #e5e5e5 !important;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5rem;
    color: #121212 !important;
    width: 220px;
    max-width: 220px;
    min-width: 220px;
    position: relative;
    background: #fff;
}

.single-blog-container .table-inner tbody tr td:after {
    display: none;
}

.single-blog-container .table-inner tbody tr td:last-child {
    border-right: 2px solid #e5e5e5 !important;
}

.single-blog-container .table-inner tbody tr td:nth-child(1) {
    background: #ffeaec !important;
    transition: all .2s ease-in-out;
    color: #fff;
    border-left: 2px solid #fc3441 !important;
    border-right: 2px solid #fc3441 !important;
    width: 180px;
    max-width: 180px;
    min-width: 180px;
    font-weight: 700;
}

.single-blog-container .table-inner tbody tr td:nth-child(1):before {
    content: "";
    position: absolute;
    left: -2px;
    top: inherit;
    bottom: -4px;
    width: 2px;
    height: 5px;
    background: #fc3441;
    z-index: 1;
}

.single-blog-container .table-inner tbody tr td:nth-child(1):after {
    display: none !important;
}

.single-blog-container .table-inner tbody tr td:nth-child(2):before {
    content: "";
    position: absolute;
    left: -4px;
    top: inherit;
    bottom: -4px;
    width: 2px;
    height: 5px;
    background: #fc3441;
    z-index: 1;
}

.single-blog-container .table-inner tbody tr td:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: #fff;
}

.single-blog-container .table-inner tbody tr:nth-of-type(odd) td {
    background-color: transparent;
    background: #f5f5f5;
    border-bottom: 2px solid #e5e5e5 !important;
    box-shadow: none;
}

.single-blog-container .table-inner tbody tr:last-child td:nth-child(1) {
    border-bottom: 2px solid #fc3441 !important;
}

.single-blog-container .table-inner tbody tr:last-child td:nth-child(1):before,
.single-blog-container .table-inner tbody tr:last-child td:nth-child(2):before {
    display: none;
}

.single-blog-container .table-inner tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.single-blog-container .table-inner tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

@media (max-width:1537.98px) {
    .single-blog-container .table-inner tbody tr td {
        width: 250px;
        max-width: 250px;
        min-width: 250px;
    }

    .cta2-banner-title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 12px;
        font-weight: 500;
    }

    .cta2-sectionnew {
        font-size: 14px;
    }
}

@media (max-width:1399.98px) {
    .single-blog-container .table-inner tbody tr:first-child td {
        font-size: 1.125rem;
    }
}

@media (min-width:1200px)and (max-width:1399.98px) {
    .single-blog-container .table-inner tbody tr:first-child td {
        font-size: 1rem;
    }
}

@media (max-width:1281.98px) {

    .single-blog-container .table-inner tbody tr td:first-child,
    .single-blog-container .table-inner tbody tr:first-child th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 9;
    }

    .col-lg-6.single-blog-container {
        padding: 0 50px;
    }
}

@media (max-width:1199.98px) {
    .single-blog-container .table-inner {
        width: 1200px;
    }

    .single-blog-container .table-inner tbody tr:first-child td {
        line-height: normal;
    }

    .cta2-banner-leftimg .cta2-banner-txt {
        position: relative;
        z-index: 15;
        /* padding: 0 20px; */
    }

    .ai-card-text {
        padding-right: 10px;
        width: 65%;
    }

    .form-container {
        padding: 20px;
    }

    .col-lg-3.toc {
        display: none
    }

    .col-lg-6.single-blog-container {
        width: unset;
        padding: unset;
        margin: unset;
    }

    div#blog-content {
        padding-left: 30px;
        padding-right: 20px;
    }

    .row {
        justify-content: center;
    }
}

@media (max-width:767.98px) {
    .single-blog-container .wp-block-table {
        margin: 1em auto !important;
    }

    .single-blog-container .table-inner {
        width: 690px;
    }

    .single-blog-container .table-inner tbody tr:first-child td {
        font-size: 1rem;
    }

    .single-blog-container .table-inner tbody tr td {
        width: 150px;
        max-width: 150px;
        min-width: 150px;
        word-break: break-word;
    }
}


html {
    scroll-padding-top: 100px;
    /* Set this to your header height */
}

.ss_bg_scheme_gray .ssplayer_content,
.sscontext_player.ss_bg_scheme_gray .sscontext_content {
    border-radius: 8px !important;
    background-color: #f2f2f200 !important;
    border: 1px solid #0067FF42 !important;
    padding: 24px 36px !important;
    height: 76px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.single-blog-container .table-inner tbody tr td:nth-child(1) {
    background: inherit !important;
}

.single-blog-container .table-inner:hover tbody tr td:nth-child(1) {
    background: #ffeaec !important;
}

.single-blog-container .table-inner tbody tr:nth-of-type(odd) td {
    background: #f5f5f5 !important;
}


.single-blog-container .table-inner tbody tr td:nth-child(1) {
    border-left: 2px solid #e5e5e5 !important;
    border-right: 2px solid #e5e5e5 !important;
}

.single-blog-container .table-inner tbody tr td:nth-child(1):before {
    content: "";
    position: absolute;
    left: -2px;
    top: inherit;
    bottom: -4px;
    width: 2px;
    height: 5px;
    background: #e5e5e5;
    z-index: 1;
}

.single-blog-container .table-inner tbody tr td:nth-child(2):before {
    content: "";
    position: absolute;
    left: -4px;
    top: inherit;
    bottom: -4px;
    width: 2px;
    height: 5px;
    background: #e5e5e5;
    z-index: 1;
}

.single-blog-container .table-inner:hover tbody tr td:nth-child(2):before {
    background: #fc3441;
}

.single-blog-container .table-inner:hover tbody tr td:nth-child(1):before {
    background: #fc3441;
}

.single-blog-container .table-inner:hover tbody tr td:nth-child(1) {
    border-left: 2px solid #fc3441 !important;
    border-right: 2px solid #fc3441 !important;
}

.single-blog-container .table-inner tbody tr:last-child td:nth-child(1) {
    border-bottom: 2px solid #e5e5e5 !important;
}

.single-blog-container .table-inner:hover tbody tr:last-child td:nth-child(1) {
    border-bottom: 2px solid #fc3441 !important;
}

/* mukesh bhai css  */

.cta-sectionnew,
.cta-sectionnew2 {
    position: relative;
    background: #121212;
    color: #fff;
    padding: 2.188rem 0;
    min-height: 13.125rem;
    display: flex;
    align-items: center;
    width: auto;
    justify-content: center;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden
}

.cta-sectionnew:before {
    content: "";
    width: calc(100% - 500px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(-270deg, hsla(0, 0%, 7%, 0), #121212 50%, #121212);
    filter: blur(0);
    z-index: 1
}

.cta-sectionnew .cta-cont,
.cta-sectionnew2 .cta-cont {
    position: relative;
    z-index: 1
}

.cta-sectionnew .cta-hd,
.cta-sectionnew2 .cta-hd {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #fff;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 1rem
}

.cta-sectionnew .cta-hd p,
.cta-sectionnew2 .cta-hd p {
    margin-bottom: 0
}

.cta-sectionnew .cta-desc.cta-desc-lg p {
    font-family: IBM Plex Sans;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5rem;
    margin: 0rem 0 0;
    color: #ffffff;
}

.cta-sectionnew .cta-desc.cta-desc-lg p .cta-link {
    font-family: IBM Plex Sans;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;

}

.cta-sectionnew .cta-thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.cta-sectionnew .cta-thumb img,
.cta-sectionnew2 .cta-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.cta-sectionnew .ms-cstm {
    padding-left: 2rem
}

.cta-sectionnew2:before {
    content: "";
    width: calc(100% - 1000px);
    left: 0;
}

.cta-sectionnew2 .cta-desc.cta-desc-lg p {
    margin: 0 0 0rem 0
}

.cta-sectionnew2 .cta-thumb {
    right: 0
}

.cta-sectionnew2 .ms-cstm1 {
    padding-left: 6.2rem
}

.cta-btn-group {
    display: none
}


@media (max-width:1199.98px) {
    .cta-sectionnew {
        padding: 1.5rem 0;
    }
}

@media (max-width:767.98px) {

    .cta-sectionnew .cta-hd,
    .cta-sectionnew2 .cta-hd {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 1.25rem;
    }

    .cta-sectionnew .cta-desc.cta-desc-lg p,
    .cta-sectionnew2 .cta-desc.cta-desc-lg p {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .cta-sectionnew .cta-desc.cta-desc-lg p br {
        display: none;
    }

    .cta-sectionnew,
    .cta-sectionnew2 {
        padding: 1.2rem 0 !important;
        width: 100%;
    }

    .cta-sectionnew .ms-cstm,
    .cta-sectionnew2 .ms-cstm1 {
        padding-left: 0rem;
    }

    .cta-sectionnew .cta-thumb img {
        object-position: 0px center;
        opacity: .3;
    }

    .cta-sectionnew2 .cta-thumb img {
        object-position: -500px center;
        opacity: .4;
    }

    .cta-sectionnew .cta-desc.cta-desc-lg p .cta-link {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}

@media (max-width:568.98px) {
    .cta-sectionnew2 .cta-thumb img {
        object-position: -465px center;
    }
}