/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Flex';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-flex-v26-latin-regular.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/

/* =================animate css starts here================= */
.animate-child>* { -webkit-transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateY(75px); transform: translateY(75px); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; will-change: transform, opacity; }
.animate-child.trigger>* { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.animate-child.trigger>:nth-child(2), .animate-child.trigger>.delay2 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.animate-child.trigger>:nth-child(3), .animate-child.trigger>.delay3 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.animate-child.trigger>:nth-child(4), .animate-child.trigger>.delay4 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.animate-child.trigger>:nth-child(5), .animate-child.trigger>.delay5 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.animate-child.trigger>:nth-child(6), .animate-child.trigger>.delay6 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.animate-child.trigger>:nth-child(7), .animate-child.trigger>.delay7 { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.animate-child.trigger>:nth-child(8), .animate-child.trigger>.delay8 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.animate-child.trigger>:nth-child(9), .animate-child.trigger>.delay9 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.animate-child.trigger>:nth-child(10), .animate-child.trigger>.delay10 { -webkit-transition-delay: 1s; transition-delay: 1s; }
.animate-child.trigger>:nth-child(11), .animate-child.trigger>.delay11 { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.animate-child.trigger>:nth-child(12), .animate-child.trigger>.delay12 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.animate-child.trigger>:nth-child(13), .animate-child.trigger>.delay13 { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
.animate-child.trigger>:nth-child(14), .animate-child.trigger>.delay14 { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.animate-child.trigger>:nth-child(15), .animate-child.trigger>.delay15 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.animate-child.trigger>:nth-child(16), .animate-child.trigger>.delay16 { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
.animate-child.trigger>:nth-child(17), .animate-child.trigger>.delay17 { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; }
.animate-child.trigger>:nth-child(18), .animate-child.trigger>.delay18 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.animate-child.trigger>:nth-child(19), .animate-child.trigger>.delay19 { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }
.animate-child.trigger>:nth-child(20), .animate-child.trigger>.delay20 { -webkit-transition-delay: 2s; transition-delay: 2s; }

/* =================animate css ends here================= */

/* =================slick css ends here================= */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; width: 100% }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { z-index: 99; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; float: left; padding: 0; margin-top: -25px\9;    /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; width: 62px; height: 63px; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .3; }
.slick-prev:before, .slick-next:before { font-family: 'font Awesome 5 Free'; font-weight: 900; font-size: 50px; line-height: 1; opacity: 0.9; color: #fff; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: transparent; border-radius: 50%; display: inline-block; padding: 0; }

/* .slick-prev { left: 15px; } */
.slick-prev:before { content: "\f053"; }
.slick-next { right: 15px; }
.slick-next:before { content: "\f054"; }
.slick-slider { margin-bottom: 0; padding-bottom: 30px; }
.slick-dots { position: absolute; bottom: -10px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; vertical-align: unset; }
.slick-dots li { position: relative; display: inline-block; margin: 0 0px; padding: 0; text-align: center; cursor: pointer; vertical-align: top; }
.slick-dots li button { font-size: 0; line-height: 0; display: inline-block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #404f63; opacity: 1; border-radius: 50%; vertical-align: top; margin: 3px 4px; }
.slick-dots li.slick-active button, .slick-dots li:hover button { opacity: 1; background-color: #fff; }
.white-dots .slick-dots li button { border-color: #fff; background: #fff; opacity: 0.4; }
.white-dots .slick-dots li.slick-active button, .white-dots .slick-dots li:hover button { background-color: #fff; opacity: 1; }

/* =================slick css end here=================  */
.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 24px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; }
.nice-select:hover { border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; }
.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 8px; margin-top: -4px; pointer-events: none; position: absolute; right: 16px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; }
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
.nice-select.disabled:after { border-color: #cccccc; }
.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }
.nice-select.right { float: right; }
.nice-select.right .list { left: auto; right: 0; }
.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.nice-select.small:after { height: 4px; width: 4px; }
.nice-select.small .option { line-height: 34px; min-height: 34px; }
.nice-select .list { background-color: #26364b; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; width: 100%; }
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 42px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nice-select .option+.option { border-top: 1px solid #dddddd14; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #404f63; }
.nice-select .option.selected { font-weight: 500; }
.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }

/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul { list-style: none; }
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }

/* =================reset css ends here================= */

/* =================core css starts here================= */
body.show-menu { overflow: hidden; }
body { font-size: 18px; line-height: 27px; font-weight: 300; font-family: 'Roboto Flex', sans-serif; color: #fff; background: rgb(25, 38, 55); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: calc(100% - 20px); max-width: 1200px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: #00d4ff; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
img { max-width: 100%; border: 0; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 20px; line-height: 1.2; font-weight: 700; color: inherit; }
h1 { font-size: 50px; }
h2 { font-size: 44px; }
h3 { font-size: 33px; }
h4 { font-size: 27px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
p { margin: 0px; padding: 0px; margin-bottom: 24px; }
strong { font-weight: 700; }
b { font-weight: 400; }
p:last-child { margin-bottom: 0; }
.btn { display: inline-flex; align-items: center; min-width: 200px; justify-content: center; padding: 18px 30px; border: 0; position: relative; overflow: hidden; border-radius: 10rem; transition: all 0.02s; font-weight: 500; letter-spacing: .6px; color: rgb(37, 37, 37); z-index: 0; box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5); }
.btn span { color: #fff; position: relative; z-index: 999; }
.btn:before { content: ''; background: rgb(222, 0, 75); background: linear-gradient(90deg, rgba(222, 0, 75, 1) 0%, rgba(191, 70, 255, 1) 49%, #00d4ff 100%); border-radius: 40rem; width: 10rem; transition: 0.4s; filter: blur(20px); animation: effect infinite 3s linear; position: absolute; width: calc(100% + 50px); padding-bottom: calc(100% + 50px); top: 50%; left: 50%; transform: translate(-50%, -50%); }
@keyframes effect {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.btn.btn-outline { padding: 8px 26px; min-width: auto; color: #ddd; border: 1px solid #ddd; border-radius: 6px; font-weight: 400; }
.btn.btn-outline::before { display: none; }
.btn.btn-outline i { font-size: 14px; margin-left: 8px; transition: all .3s ease-in; }
.btn.btn-outline:hover i { margin-left: 14px; }
.btn.btn-outline:hover { color: #fff; border-color: #fff; }
.btn.btn-sm { min-width: 150px; padding: 14px 25px; }
.btn.btn-outline img { width: 20px; margin-right: 10px; }
.btn.outline { background: linear-gradient(90deg, rgba(222, 0, 75, 1) 0%, rgba(191, 70, 255, 1) 49%, #00d4ff 100%); }
.btn.outline::before { animation: none; background: #1c2c41; width: calc(100% - 4px); height: calc(100% - 4px); padding: 0; opacity: 1; filter: none; }
.btn.outline:hover { background-size: 200%; background-position: right; }
.btn.btn-block { min-width: 100%; }
.btn+.btn { margin-left: 15px; }
.read-more { min-width: auto; color: #ddd; font-weight: 500; }
.read-more i { font-size: 14px; margin-left: 8px; transition: all .3s ease-in; }
.read-more:hover i { margin-left: 14px; color: #bf46ff; }
.read-more:hover { color: #bf46ff; }
ul:not([class]) { list-style: none; margin-bottom: 15px; text-align: left; line-height: 22px; }
ul:not([class])>li { padding-left: 16px; position: relative; margin-bottom: 14px; }
ul:not([class])>li:last-child { margin-bottom: 0; }
ul:not([class])>li:before { content: ''; position: absolute; left: 2px; top: 10px; background: #ddd; height: 5px; width: 5px; border-radius: 50%; }
.grey-bg { background: rgb(28 44 65); }
.bg-gradiant-bottom { background: linear-gradient(360deg, rgb(28 44 65), transparent); }
.bg-gradiant-end { background: linear-gradient(0deg, rgb(28 44 65), transparent); }
.content-container { padding: 100px 0; }
.section-pad { padding: 100px 0; }
.bg-wave { background-color: rgb(38, 57, 79); }
.bannerSection { vertical-align: middle; position: relative; z-index: 9; display: flex; justify-content: space-between; align-items: center; }
.rating-banner p span { color: #ffcc04; margin: 0 8px; }
.heading { margin-bottom: 30px; }
.heading h6 { font-size: 16px; margin-bottom: 6px; color: #bf46ff; }
.heading h3 { font-size: 33px; margin-bottom: 0; }
.heading h4 { font-size: 27px; margin-bottom: 0; }
.heading p { margin-bottom: 0; margin-top: 12px; color: #ddd; }
.heading-icon { width: 80px; height: 80px; background-color: #213145; padding: 20px; border-radius: 50%; display: inline-block; margin-bottom: 25px; animation: zoom-in-zoom-out 2s ease-out infinite; }
.heading-icon img { width: 100%; }
@keyframes zoom-in-zoom-out {
	0% { transform: scale(1); }
	50% { transform: scale(1.2, 1.2); }
	100% { transform: scale(1); }
}

/* sideeffect */
.side-effect { position: relative; height: 100%; display: flex; justify-content: center; }
.side-effect-dots { width: 30px; height: 30px; background: #bf46ff; border-radius: 50%; position: relative; margin-top: 3px; transform: scale(0); transition: all .3s ease-in-out; box-shadow: 0 0 40px #bf46ff; }
.side-effect-dots::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #00d4ff; filter: blur(1px); border-radius: 50%; }
.side-effect::before { content: ''; height: 0; width: 3px; left: 50%; transform: translateX(-50%); top: 40px; background: linear-gradient(#00d4ff, #bf46ff, #192637); display: inline-block; position: absolute; -webkit-transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; }
.animated .side-effect::before { height: calc(100% - 40px); opacity: 1; }
.animated .side-effect-dots { transform: scale(1); }
.preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; display: flex; align-items: center; justify-content: center; background-color: #192637; transition: all 0.5s ease-in-out; opacity: 1; }
.preloader .loading { text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.preloader .loading img { width: 100px; display: block; margin-bottom: 20px; }
.loaded .preloader { opacity: 1; visibility: hidden; }

/* =================core css ends here================= */

/* ================= Header Start ================= */
.top-bar { padding: 4px 0; }
.top-bar-links li+li { margin-left: 14px; }
.top-bar-link { font-size: 14px; color: #ddd; font-weight: 400; }
.top-bar-link img { width: 16px; margin-right: 3px; }
.top-bar-link:hover { color: #fff; }
#header { color: #fff; background-color: rgb(25, 38, 55); box-shadow: 0 5px 20px rgb(255 255 255 / 5%); padding: 0; z-index: 9999; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.navbar { padding: 0; width: 100%; height: 60px; background: #404f63; border-bottom: 1px solid rgb(255 255 255 / 30%); }
.navbar-brand { --log-width: 180px; min-width: var(--log-width); max-width: var(--log-width); padding: 0; margin: 0; position: relative; z-index: 999; margin-left: -6px; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 20px; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 16px; line-height: 60px; font-weight: 400; color: #ddd; padding: 0; margin: 0; }
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link { color: #00d4ff; }
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none; }
.nav-inside { width: 100%; padding: 0; }
.header-right { margin-left: 15px; }
.nav-inside-content { padding: 40px 0 130px; }
.nav-inside-content .btn { flex: 1; }
.nav-inside-content { display: flex; margin-top: auto; }
@media only screen and (min-width:992px) {
	.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; background: #141b31; color: #fff; min-width: 220px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
	.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; padding-top: 0; }
	.dropdown-item { color: #fff; padding: 6px 15px; font-weight: 300; }
	.dropdown-item:focus, .dropdown-item:hover { color: #fff; background: #222b45; padding-left: 20px; }
}
.navbar-toggler { width: 45px; height: 45px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top: 0; right: 0; }
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; }
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; }
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 22px; height: 4px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent !important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after { content: ''; width: 22px; height: 4px; background: #005983; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar { background: #005983 !important; }
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after { background: #005983; }
.navbar-toggler.collapsed .icon-bar:before { top: -8px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -8px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }

/* sticky header */
.sticky-header { position: sticky; top: 0; background-color: #192637; z-index: 999; padding: 10px 0; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.sticky-header-right { width: 60%; }
.sticky-header-left { width: 40%; display: flex; align-items: center; }
.sticky-header-left .sticky-header-icon { width: 30px; min-width: 30px; height: 30px; margin-right: 15px; }
.sticky-header-left .sticky-header-icon img { width: 100%; object-fit: contain; }
.sticky-header-left h5 { font-size: 18px; margin-bottom: 0; font-weight: 500; padding-right: 10px; margin-top: 2px; }
.sticky-header-menu { display: flex; justify-content: end; }
.sticky-header-menu-item+.sticky-header-menu-item { margin-left: 20px; }
.sticky-header-menu-link { font-size: 16px; font-weight: 400; color: #ddd; }
.sticky-header-menu-link:hover { color: #fff; }

/* ================= Header End ================= */

/*mega-menu*/
.nav-item.dropdown.mega-menu { position: static; }
.mega-menu .dropdown-menu { width: 100%; left: 0; padding: 0; }
.mega-menu-wrapper { padding: 50px 0; }
.mega-menu-left h4 { font-size: 30px; margin-bottom: 10px; }
.mega-menu-left p { margin-bottom: 15px; }
.product-menu-list { width: calc(100% + 24px); margin-left: -12px; margin-bottom: -50px; }
.product-menu-item { width: 33.33%; margin-bottom: 50px; padding: 0 12px; }
.product-menu-link { display: block; width: 100%; padding-left: 80px; position: relative; color: #ddd; transition: all .3s ease-in; font-size: 15px; line-height: 20px; }
.product-menu-icon { position: absolute; width: 60px; top: 0; left: 0; }
.product-menu-link h4 { font-size: 20px; margin-bottom: 7px; }
.product-menu-link:hover { color: #fff; }
.product-menu-arrow::before { content: ''; width: 20px; display: block; height: 2px; background-color: #fff; transition: all .2s ease-in; }
.product-menu-arrow { display: inline-flex; align-items: center; opacity: .8; }
.product-menu-arrow img { width: 8px; margin-left: -6px; }
.product-menu-link:hover .product-menu-arrow::before { width: 40px; }
.product-menu-link:hover .product-menu-arrow { opacity: 1; }

/* =================home page css start here================= */

/* ============================= */
.content-container.banner-container { position: relative; padding: 100px 0; overflow: hidden; }
.content-container.banner-container::before { content: ''; position: absolute; width: calc(50vw + 300px); height: 100%; background-color: #1b2e3e; right: 0; top: 0; border-radius: 10px 0 0 10px; backdrop-filter: blur(10px); }
.banner-bg.uncliped { position: absolute; bottom: 0; width: 100%; max-width: 1000px; left: calc(50% - 150px); z-index: 9; height: calc(100% - 20px); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: all .5s ease-in-out; transition-delay: .3s; }
.banner-bg { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
.banner-bg img { width: 100%; object-fit: contain; height: 100%; }
.inner-banner { display: flex; flex-flow: column; justify-content: center; background-color: #192637; padding: 70px 0 50px; position: relative; margin-bottom: 8vw; text-align: center; z-index: 9; }
.inner-banner.pb-more::before { content: ''; position: absolute; width: 100%; height: calc(100% + 8vw); background-image: url(../images/world-dots.png); background-size: cover; top: 0; background-repeat: no-repeat; background-position: center; z-index: -1; -webkit-animation: backgroundScroll 60s linear infinite; animation: backgroundScroll 20s linear infinite; filter: invert(1); opacity: .3; }
.inner-banner.pb-more { padding: 80px 0 150px; }
.inner-banner-layer { width: 100%; position: absolute; left: 0; right: 0; top: calc(100% - 1px); height: 9vw; }
.inner-banner h6 { font-size: 18px; margin-bottom: 10px; color: #ad5be7; font-weight: 500; }
.inner-banner p { font-weight: 400; }
@-webkit-keyframes backgroundScroll {
	0%, 100% { background-position: 0 0 }
	10%, 90% { background-position: 0 -100px }
	20%, 80% { background-position: 0 -130px }
	30%, 70% { background-position: 0 -150px }
	40%, 60% { background-position: 0 -170px }
	50% { background-position: 0 -200px }
}
@keyframes backgroundScroll {
	0%, 100% { background-position: 0 0 }
	10%, 90% { background-position: 0 -100px }
	20%, 80% { background-position: 0 -130px }
	30%, 70% { background-position: 0 -150px }
	40%, 60% { background-position: 0 -170px }
	50% { background-position: 0 -200px }
}

/* ============================= */
.stats-list { width: calc(100% + 30px); margin-left: -15px; }
.stats-item { width: 33.33%; padding: 15px; }
.stats-icon { height: 60px; margin-bottom: 10px; }
.stats-icon img { width: auto; height: 100%; }
.stats-box h3 { font-size: 44px; font-weight: 800; letter-spacing: .5px; margin-bottom: 10px; }

/* ============================= */
.simple-logo { width: 33.33%; }
.simple-logo-box { padding: 10px; display: flex; align-items: center; justify-content: center; height: 140px; }
.simple-logo-box img { width: auto; height: 100%; object-fit: contain; max-width: 80px; opacity: .5; transition: all .3s ease-in; }
.simple-logo-box:hover img { opacity: .9; }
.content-container.logo-wrapper { position: relative; padding: 100px 0; overflow: hidden; z-index: 9; }
.content-container.logo-wrapper::before { content: ''; position: absolute; width: calc(50vw + 300px); height: 100%; background: linear-gradient(180deg, #1b2e3e 80%, transparent); right: 0; top: 0; border-radius: 10px 0 0 10px; z-index: -1; }
.logo-shape { position: absolute; z-index: -9; opacity: .1; width: 1000px; left: calc(50% - 300px); bottom: 50px; }

/* =================home page css end here================= */

/* ================= block-img css start here================= */
.block-img-box { width: calc(100% + 64px); position: relative; display: block; text-align: center; z-index: 9; }
.block-img { width: 100%; position: relative; padding-bottom: 64%; clip-path: polygon(50% 0%, 100% 47%, 50% 100%, 0% 47%); display: inline-block; z-index: 1; background: #2d3b4f; }
.block-img.block-img-shape-1 { background-size: cover; background-repeat: no-repeat; background-position: left center; }
.block-img.block-img-shape-2 { background: #36465d; width: 78%; padding-bottom: 51%; margin-top: -42%; z-index: -1;    /*transform: translateY(-82px);*/ }
.block-img.block-img-shape-3 { background: #41526b; width: 66%; padding-bottom: 44%; margin-top: -37%; z-index: -2;    /*transform: translateY(-158px);*/ }

/* ================= block-img css end here================= */

/* ================= Service css start here================= */
.service-wrapper { background-color: rgb(64 79 99 / 25%); padding: 24px; border-radius: 10px; border: 1px solid #dddddd26; backdrop-filter: blur(10px); }
.service-tabs { width: 200px; padding-right: 20px; }
.service-tabs .nav-tabs { flex-flow: column; border: none; }
.service-tabs .nav-tabs .nav-link { width: 100%; border-radius: 5px !important; line-height: 22px; background-color: #192637; border: none; color: #ddd; font-size: 16px; font-weight: 400; letter-spacing: .3px; padding: 12px 18px; border: 1px solid #dddddd26; }
.service-tabs .nav-tabs .nav-item+.nav-item { margin-top: 16px; }
.service-tabs .nav-tabs .nav-link img { width: 40px; }
.service-tabs .nav-tabs .nav-link.active { background: linear-gradient(90deg, #00d4ff, #bf46ff); background-size: 200%; background-position: center; color: #fff; box-shadow: 0 0 20px #37abffbf; }
.service-tab-content { width: calc(100% - 200px); padding: 20px; border: 1px solid #dddddd26; border-radius: 5px; line-height: 24px; position: relative; padding-left: 50px; }
.service-tab-content .numbers { list-style: none; margin: 0; position: absolute; font-weight: 500; padding: 20px 10px; left: 0; text-align: right; background: #192637; color: #ffffff42; line-height: 24px; font-size: 14px; top: 0; height: 100%; overflow: hidden; border-radius: 4px 0 0 4px; }

/* ================= Service css end here================= */
.home-product-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.home-product-item { width: 50%; padding: 0 15px; margin-bottom: 30px; }
.home-product-link { background-color: rgb(64 79 99 / 25%); padding: 24px; padding-left: 120px; height: 100%; border-radius: 10px; border: 1px solid #dddddd26; backdrop-filter: blur(5px); position: relative; font-size: 16px; line-height: 24px; color: #fff !important; transition: all .3s ease-in; }
.home-product-icon { position: absolute; width: 70px; left: 24px; top: 24px; }
.home-product-icon img { width: 100%; }
.home-product-content h6 { margin-bottom: 10px; }
.home-product-content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-product-link:hover { box-shadow: 0 0 60px 0px #37abff38; }

/* =================  ================= */
.itr-box+.itr-box { margin-top: 40px; }
.itr-icon { width: 40px; height: 40px; }
.itr-icon img { width: 100%; height: 100%; object-fit: contain; }
.itr-icons { margin-bottom: 16px; }
.itr-icon+.itr-icon { margin-left: 20px; }
.itr-box h4 { font-size: 18px; }
.integration-wrapper { padding: 100px; background: #1b2e3e; border-radius: 0 20px 20px 0; position: relative; }
.integration-wrapper::before { content: ''; position: absolute; width: 50vw; height: 100%; background: #1b2e3e; top: 0; right: 100%; }

/* =================  ================= */
.why_us_list { width: calc(100% + 40px); margin-left: -20px; margin-bottom: -40px; }
.why_us_item { width: 50%; padding: 0 20px; margin-bottom: 40px; }
.why_us_box { background-color: rgb(27 46 62); backdrop-filter: blur(10px); padding: 24px; border-radius: 16px; height: 100%; }
.why_us_icon { width: 70px; height: 70px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.why_us_box h5 { margin-bottom: 16px; }
.why_us_icon img { max-width: 70px; width: 100%; }

/* =================  ================= */
.bottom-content { position: relative; padding: 40px; background-color: #1b2e3e; overflow: hidden; border-radius: 16px; }
.bottom-content::before { content: ''; background-image: url(../images/bottom-layer-drop1.png); position: absolute; background-size: cover; background-repeat: no-repeat; background-position: left; border-radius: 16px; text-align: center; width: 60%; height: 96%; bottom: 0; right: 0; opacity: .7; }
.bottom-content h4 { margin-bottom: 14px; }

/* =================  ================= */
.content-container.contact-container { padding: 140px 0 70px; position: relative; }

/* .contact-container::before { content: ''; position: absolute; width: 100%; height: 100%; top: 100px; left: 0; background: linear-gradient(180deg, #22354d 0%, rgba(79, 155, 182, 0) 69.6%); clip-path: polygon(0 59%, 50% 0, 100% 59%, 100% 100%, 0% 100%); mix-blend-mode: overlay; opacity: 0.3; z-index: -1; } */
.contact-container .container { position: relative; z-index: 2; }
.contact-info { width: 50%; padding: 40px 40px 40px 0; }
.contact-info h6 { font-size: 20px; font-weight: 500; margin-bottom: 10px; color: #fff; }
.ci-list li { width: 100%; margin-bottom: 44px; padding-left: 70px; position: relative; }
.ci-content { color: rgb(255 255 255 / 50%); max-width: 400px; }
.ci-content h5 { font-size: 30px; margin-bottom: 6px; color: #ddd; }
.ci-content p { font-size: 18px; line-height: 1.5; }
.contact-form { width: 50%; padding: 0px 35px 20px 66px; }
.contact-form h6 { font-size: 32px; font-weight: 600; letter-spacing: 0; margin-bottom: 8px; }
.contact-form .form-sub-title { font-size: 18px; margin-bottom: 43px; }
.contact-form .form-group { margin-bottom: 25px; }
.contact-form .form-control { background: transparent; padding: 14px 20px; border: 2px solid rgba(171, 171, 171, 0.44); color: #fff; font-size: 16px; font-weight: 300; }
.contact-form .form-control::placeholder { color: rgb(234 234 234 / 80%); }
.contact-form .form-control:focus { color: #fff; background-color: transparent; border-color: #fff; outline: 0; box-shadow: none; }
.contact-form textarea.form-control { height: 112px; resize: none; }
.contact-form .form-btn { margin-top: 40px; }
.ci-icon { position: absolute; width: 44px; height: 44px; border: 2px solid #fff; left: 0; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.ci-icon img { width: 100%; max-width: 30px; filter: brightness(0) invert(1); }
.ci-list li::before { content: ''; position: absolute; width: 2px; height: calc(100% + 2px); background-color: #fff; left: 21px; top: 44px; opacity: .5; }
.ci-list li:last-child::before { display: none; }

/* =================product page css start here================= */
.search-api-container { background-image: url(../images/bg_image.png); background-size: contain; background-position: center; position: relative; z-index: 99; }
.search-card-wrapper { height: 475px; background: rgb(25, 38, 55); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px; border: 1px solid rgb(52, 70, 96); margin-top: -170px; border-radius: 16px; position: relative; display: flex; flex-direction: column; overflow: hidden; max-width: 600px; margin-left: auto; z-index: 999; margin-right: auto; }
.search-card-head { height: 82px; padding: 16px; background-color: #23354d; border-radius: 14px; border-bottom: 1px solid #dddddd14; }
.search-card-body { height: calc(100% - 82px); padding: 20px; padding-right: 10px; }
.search-card-body .nav-link { flex: 1; border-radius: 0 !important; background-color: #192637; color: #fff; border: 0 !important;     border-bottom: 1px solid #192637 !important; padding: 6px 20px; line-height: 24px; }
.search-card-body .nav-link.active { background-color: #223750; color: #fff; border-bottom: 1px solid #425b7b !important; }
.search-card-body-inn { background-color: #223750; border: 1px solid #ffffff14 !important; font-size: 16px; height: 100%; border-radius: 0 0 8px 8px; margin-right: 10px; background-image: url(../images/world-dots.png); background-size: 400%; background-position: center; }
.search-card-body-inn .tab-content { padding: 10px; }
.search-card-head-wrapper { position: relative; padding-right: 150px; }
.search-card-input { width: 100%; height: 49px; background: #192637; color: #ddd; padding: 10px 16px; border: none; border-radius: 8px 0 0 8px; font-size: 16px; }
.search-card-input::placeholder { color: #ddd; }
.search-card-head-wrapper .btn { position: absolute; min-width: 140px; right: 0; top: 0; border-radius: 0 10px 10px 0; }
.search-body-wrapper { height: 100%; padding-right: 20px; overflow-y: auto; font-size: 16px; }
.search-body-wrapper::-webkit-scrollbar { width: 5px; }
.search-body-wrapper::-webkit-scrollbar-track { background: #23354d; border-radius: 5px; }
.search-body-wrapper::-webkit-scrollbar-thumb { background: linear-gradient(0deg, rgba(222, 0, 75, 1) 0%, rgba(191, 70, 255, 1) 49%, #00d4ff 100%); border-radius: 5px; }
.search-api-btn { background-color: transparent; color: #ddd; display: flex; border: none; font-size: 14px; position: relative; padding: 8px; padding-right: 28px; line-height: 20px; width: 100%; text-align: left; }
.search-api-btn-icon { width: 20px; height: 20px; }
.search-api-item { position: relative; }
.search-api-child { padding-left: 10px; padding-right: 10px; }
.search-api-btn:hover { background-color: #1c2c41; }
.search-api-btn:active { background-color: #1c314d; }
.search-api-btn-text { flex: auto; padding-left: 10px; font-weight: 300; color: #ddd; }
.search-api-btn-text strong { font-weight: 500; margin-right: 5px; color: #fff; }
.search-api-btn[data-bs-toggle]::before { content: '-'; position: absolute; font-size: 14px; right: 10px; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; background-color: #1c2f49; border-radius: 4px; font-weight: 300; border: 1px solid #dddddd1f; padding: 1px 0 0 1px; }
.search-api-btn.collapsed[data-bs-toggle]::before { content: "+"; }

/* =================product page css end here================= */

/* =================  ================= */
.detailed-card-list { width: calc(100% + 50px); margin-left: -25px; margin-bottom: -50px; padding-top: 20px; }
.detailed-card-item { width: 33.33%; margin-bottom: 50px; padding: 0 25px; }
.detailed-card-box svg { width: 100%; opacity: .6; }
.detailed-card-text { position: absolute; width: 86%; height: 86%; top: 7%; left: 7%; padding: 50px 30px 30px; display: flex; flex-flow: column; justify-content: center; text-align: center; font-size: 16px; line-height: 25px; }
.detailed-card-box { position: relative; }
.detailed-card-text h5 { font-size: 22px; margin-bottom: 10px; }
.productBg { background-image: url("../images/banner_bg.svg"); background-repeat: no-repeat; background-size: cover; }
img.vert-move { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
img.vert-move { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
.productPageShape { max-width: 250px; width: 100%; top: 14px; position: absolute; left: calc(50% + -125px); }
.productCard { background: linear-gradient(191.9deg, rgb(139 67 209 / 34%), rgba(255, 255, 255, 0.3)); border: 0; padding-top: 0; box-shadow: 0px 4px 10px rgba(17, 44, 141, .10); border-radius: 20px; padding: 30px 30px 40px 30px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.productCard .blog-icon { margin-top: 30px; margin-bottom: 20px; }
.trusted-bg { padding-top: 380px; background-image: url("../images/Group.png");     background-position: bottom center; background-size: contain; background-repeat: no-repeat; }
.productCard .title-content { font-size: 26px; line-height: 32px; color: #fff; }
.product_list { width: calc(100% + 40px); margin-left: -20px; margin-bottom: -40px; }
.product_item { width: 50%; padding: 0 20px; margin-bottom: 40px; }
.product_link { padding: 40px 30px; background: #1b2e3e; text-align: center; display: flex; position: relative; overflow: hidden; z-index: 9; flex-flow: column; height: 100%; border-radius: 16px; color: #ddd; border: 2px solid var(--data-color); }
.product_link::before { content: ''; position: absolute; width: 100%; opacity: 0; height: 70%; bottom: 0; left: 0; background-image: url('../images/wave.svg');    /* background-size: 200%; */ background-repeat: repeat-x; z-index: -1; background-size: 200% 120%; -webkit-transition: background-position-y 0.6s ease; transition: background-position-y 0.6s ease; -webkit-animation: waveAnimation 4s infinite linear; animation: waveAnimation 4s infinite linear; animation-play-state: running; -webkit-animation-play-state: paused; animation-play-state: paused; filter: grayscale(); }
.product_link:hover::before { background-position-x: 0; background-position-y: 0; -webkit-animation-play-state: running; animation-play-state: running; opacity: .15; }
@keyframes waveAnimation {
	from { background-position-x: 0%; }
	to { background-position-x: 200%; }
}
.product_icon { width: 90px; height: 90px; margin: 0px auto 30px; }
.product_icon img { width: 100%; }
.product_cta { margin-top: auto; padding-top: 10px; }
.product-cta-btn { border: 2px solid var(--data-color); transition: all .3s ease-in-out; color: var(--data-color); padding: 8px 30px; border-radius: 7px; font-size: 16px; min-width: 180px; display: inline-block; font-weight: 500; letter-spacing: .5px; }
.product_link:hover { color: #fff; }
.product_link:hover .product-cta-btn { background: var(--data-color); color: #fff; }

/* =================product page css end here================= */

/* ================= Footer Start ================= */
#footer { padding: 200px 0 20px; color: #ddd; font-size: 13px; line-height: 18px; overflow: hidden; }
#footer p { margin-bottom: 10px; }
.footer-logo-widget { border-bottom: 1px solid #ffffff6b; padding-bottom: 30px; }
.footer-contact-list { margin-bottom: 20px; }
.footer-widget h3 { color: #fff; font-size: 22px; margin-bottom: 20px; }
.footer-link { color: #ddd; font-size: 15px; }
.footer-link li+li { padding-top: 10px; }
.footer-logo { width: 100%; max-width: 180px; margin-bottom: 16px; margin-left: -6px; }
.footer-contact-item { position: relative; padding-left: 28px; }
.footer-contact-item address { margin-bottom: 0; }
.footer-contact-item+.footer-contact-item { margin-left: 14px; }
.footer-contact-icon { width: 30px; object-fit: contain; height: 20px; filter: brightness(0) invert(1); position: absolute; top: 0px; left: -5px; }
.footer-social-links { margin-top: 30px; }
.footer-social-links .footer-social-link { font-size: 16px; background: transparent; width: 34px; border-radius: 50%; color: #ffffff9c; height: 34px; border: 1px solid #ffffff9c; text-align: center; line-height: 34px; }
.footer-social-links .footer-social-link:hover { background: #fff; color: #000; }
.footer-social-links .footer-social-link+.footer-social-link { margin-left: 12px; }
.footer-socket { padding: 20px 0; border-top: 1px solid #ffffff4d; margin-top: 20px; }
.footer-socket a:hover { text-decoration: underline; color: #00d4ff; }
.footer-socket-menu li+li { padding-left: 12px; margin-left: 12px; position: relative; }
.footer-socket-menu li+li::before { content: '|'; position: absolute; left: 0; color: #fff; }
.footer-shape { max-width: 500px; width: 100%; opacity: .1; bottom: -30px; position: absolute; right: -18%; z-index: -1; }

/* .pricingCustomCard {height: 500px;
    background: rgb(25, 38, 55);
    transition: .5s;
    border: 1px solid rgb(52, 70, 96);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
	position: relative;
	border-radius: 0;
}
.pricingCustomCard:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); transition: .5s; }
.cardContant p { font-size: 14px; font-weight: 500;}
.priceDiv p { font-size: 40px; text-align: center; color: #fff; font-weight: 500; }
.btnDiv {margin-top: auto; margin-bottom: 30px;  }
.priceDiv span { text-align: center; font-size: 16px; display: block; margin-top: 6px; font-weight: 400; }
.pricingCardHeader { background: #1e3145; display: flex; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 15px; box-shadow: 1px 2px 3px 4px rgba(20,20,20,0.4); }
.pricingCardHeader h3{
	margin-bottom: 0px;
}
.cardContant {ds} */
.plan__tabs { margin-bottom: 50px; }
.plan__tabs .nav-link { padding: 0; width: 130px; border: none !important; font-size: 16px; font-weight: 500; color: #fff !important; padding: 3px 10px; border-radius: 30px; background: transparent !important; height: 33px; }
.plan__tabs .nav-tabs { background-color: rgb(38, 57, 79); padding: 5px; border-radius: 20px; position: relative; z-index: 9; }
.plan__tabs .nav-tabs::before { content: ''; position: absolute; width: 130px; height: 33px; background: linear-gradient(45deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%) !important; z-index: -1; border-radius: 20px; left: 135px; top: 5px; transition: all .3s ease-in-out }
.plan__tabs .nav-tabs .nav-link.active { color: #fff !important; font-weight: 400; }
.plan__tabs .nav-tabs:has(.nav-item:first-child .nav-link.active)::before { left: 5px; }
.plan__list { width: calc(100% + 24px); margin-left: -12px; margin-bottom: -24px; }
.plan__list .plan__item { width: 25%; padding: 0 12px; margin-bottom: 24px; }
.plan__box { padding: 30px 24px; background-color: rgb(38, 57, 79); position: relative; min-height: 440px; display: flex; flex-flow: column; margin-top: 14px; height: calc(100% - 14px); }
.plan__icon { height: 70px; margin-bottom: 20px; }
.plan__icon img { width: auto; height: 100%; object-fit: contain; max-width: 90px; }
.plan__title { margin-bottom: 16px; }
.plan__title h4 { font-size: 15px; font-weight: 400; margin-bottom: 10px; letter-spacing: .8px; }
.plan__title h2 { font-size: 33px; font-weight: 600; margin-bottom: 0; color: #C266F1; }
.plan__title h2 sub { font-size: 22px; vertical-align: 5px; font-weight: 500; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: #00d4ff; }
.plan__des { font-size: 14px; }
.plan__des ul li { margin: 0; padding-left: 24px; }
.plan__des ul li+li { margin-top: 6px; }
.plan__des ul li::before { border: none; width: 15px; height: 15px; background-image: url(../images/bullet.png); border-radius: 2px; top: 4px; left: 0; background-size: 15px; background-repeat: no-repeat; background-color: transparent; }
.plan__ct { margin-top: auto; padding-top: 20px; }
.plan-ticket { position: absolute; background: #fff; top: -14px; right: 0; background-color: #0b1627; padding: 2px 16px; font-size: 13px; font-weight: 500; letter-spacing: .5px; border-radius: 0; }
.plan-ticket::before { width: 0; height: 0; border-bottom: 14px solid #000000; border-left: 10px solid transparent; content: ''; position: absolute; left: -10px; top: 0px; }
.plan__off { position: absolute; top: 30px; right: 0; background-color: #192637; display: flex; padding: 5px 15px 6px; font-size: 14px; font-weight: 500; letter-spacing: .5px; line-height: 18px; box-shadow: 0 0 10px rgb(255 255 255 / 10%); border-radius: 20px 0 0 20px; color: #fff; text-transform: uppercase; }
.plan__off span { margin-left: 3px; }
.budget-heighlight { background: #bf46ff; }
.budget-heighlight::before { border-bottom-color: #7607b1; }
.customAccordian .accordion-button { background-color: #172636; color: #fff; }
.customAccordian .accordion-button::after { filter: invert(1); }
.customAccordian .accordion-item {border: none;background: transparent;}
.customAccordian .accordion-item + .accordion-item {border-top: 1px solid #ffffff1a;}
.customAccordian .accordion-button:focus { box-shadow: none; }
.customAccordian .accordion-button:not(.collapsed)::after { filter: invert(0) brightness(1) !important }
.customAccordian .accordion-body { background-color: #192c40; color: #fff; font-weight: 400; font-size: 16px; border: 1px solid #142635; }
.customAccordian .accordion-button:not(.collapsed) { box-shadow: none; }
.security-list { max-width: 900px; margin: 0 auto; padding: 0 40px; }
.security-item+.security-item .security-box { margin-top: 30px; }
.security-box { display: flex; position: relative; padding: 30px; padding-left: 40px; border: 1px solid #bf46ff; border-radius: 20px; align-items: start; }
.security-counter { position: absolute; width: 40px; height: 40px; background: #bf46ff; text-align: center; line-height: 40px; border-radius: 50%; left: -20px; top: 20px; font-weight: 700; }
.security-content { width: 73%; padding-right: 20px; }
.security-content h4 { font-size: 22px; font-weight: 500; color: #bf46ff; }
.security-content ul { margin-bottom: 0; }
.security-content ul li { padding-left: 30px; font-weight: 300; font-size: 16px; }
.security-content ul li::before { width: 16px; height: 16px; background: #bf46ff; border-radius: 3px; top: 3px; }
.security-content ul li::after { content: ''; position: absolute; width: 8px; height: 4px; border-bottom: 1px solid; border-left: 1px solid; border-color: #fff; left: 6px; top: 7px; transform: rotate(-45deg); }
.security-img { width: 27%; position: relative; z-index: 9; text-align: center; }
.security-img::before { content: ''; position: absolute; width: 150%; padding-bottom: 150%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgb(179, 94, 234) 0%, rgba(38, 57, 79, 0.063) 60%); z-index: -1; filter: blur(100px); }
.security-item:nth-child(even) .security-box { flex-direction: row-reverse; padding: 30px; padding-right: 40px; }
.security-item:nth-child(even) .security-counter { left: auto; right: -20px }
.security-box::before { content: ''; position: absolute; width: 30px; height: calc(100% + 30px); border: 1px solid #bf46ff; border-left: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; right: -30px; top: 30px; }
.security-item:nth-child(even) .security-box::before { right: auto; left: -30px; transform: scaleX(-1); }
.security-item:last-child .security-box::before { display: none; }

/* status  */
.status-wrapper { position: relative; padding: 64px; background: rgb(25, 38, 55); border: 1px solid rgba(93, 159, 252, 0.5); border-radius: 10px; overflow: hidden; color: #fff; }
.status-content { overflow-y: hidden; overflow-x: auto; }
.status-content::-webkit-scrollbar { height: 5px; }
.status-content::-webkit-scrollbar-track { background: #999; }
.status-content::-webkit-scrollbar-thumb { background: #fff; }
.status-table { color: #fff; font-size: 14px; font-weight: 400; min-width: 600px; }
.status-content tr th { height: 50px; padding: 8px 10px; border: 1px solid rgb(81, 81, 81); font-weight: 300; vertical-align: middle; text-align: center; }
.status-content tr th:first-child { text-align: start; }
.status-content tr th img { width: 16px; }
.table-guides { justify-content: end; gap: 40px; }
.table-guide { display: flex; align-items: center; }
.table-guide img { width: 16px; margin-right: 10px; height: 16px; object-fit: contain; }
.header { position: relative; text-align: center; background: #404f63; color: white; overflow: hidden; }
.inner-header { height: 39vh; width: 100%; margin: 0; padding: 10px 0; }
.flex {    /*Flexbox for containers*/
display: flex; justify-content: center; align-items: center; text-align: center; }
.waves { position: relative; width: 100%; height: 15vh; margin-bottom: -30px;    /*Fix for safari gap*/ min-height: 100px; max-height: 150px; }
.content { position: relative; height: 15vh; text-align: center; background-color: white; }
.parallax>use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; }
.parallax>use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.parallax>use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.parallax>use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.parallax>use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
@keyframes move-forever {
	0% { transform: translate3d(-90px, 0, 0); }
	100% { transform: translate3d(85px, 0, 0); }
}
@media (max-width:768px) {
	.logo { font-size: 24px; padding: 20px; }
	.inner-header { height: 30vh; }
	h1 { font-size: 24px; }
	.button { font-size: 15px; }
}
.pointBgDiv { background-color: #192c40; }
.section_our_solution .row { align-items: center; }
.our_solution_category { height: 100%; }
.our_solution_category .solution_cards_box { height: 100%; }
.solution_cards_box .solution_card { background: rgb(27 46 62); border-radius: 15px; border: 1px solid rgb(52, 70, 96); padding: 10px 15px; position: relative; z-index: 1; overflow: hidden; transition: 0.7s; height: 100%; }
.solution_cards_box .solution_card:hover { background: #172636; color: #fff; transform: scale(1.02); z-index: 9; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);    /* transition: .5s; */ }
.solution_cards_box .solution_card:hover::before { background: rgb(37 42 71 / 55%); }
.solution_cards_box .solution_card:hover .solu_title h3, .solution_cards_box .solution_card:hover .solu_description p { color: #fff; }
.solution_cards_box .solution_card:before { content: ""; position: absolute; background: rgb(85 108 214 / 5%); width: 170px; height: 400px; z-index: -1; transform: rotate(42deg); right: -56px; top: -23px; border-radius: 35px; }
.solution_card .solu_title div { color: #ffffff; font-size: 1.3rem; margin-top: 13px; margin-bottom: 13px; font-weight: 600; }
.solution_card .solu_description p { font-size: 16px; margin-bottom: 15px; line-height: 25px; }
.our_solution_content div { text-transform: capitalize; margin-bottom: 1rem; font-size: 2.5rem; }
.hover_color_bubble { position: absolute; background: rgb(54 81 207 / 15%); width: 100rem; height: 100rem; left: 0; right: 0; z-index: -1; top: 16rem; border-radius: 50%; transform: rotate(-36deg); left: -18rem; transition: 0.7s; }
.solution_cards_box .solution_card:hover .hover_color_bubble { top: 0rem; }
.solution_cards_box .solution_card .so_top_icon { width: 70px; height: 70px; border-radius: 50%; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.solution_cards_box .solution_card .so_top_icon img { width: 40px; height: 50px; object-fit: contain; }
.sliderCard { border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px; color: inherit; display: block; height: 100%; margin: 0px; overflow: hidden; text-align: left; text-decoration: none; user-select: none; white-space: normal; width: 100%; background-color: #192c40; transition: .5s; }
.sliderCard .cardHeader { height: 50px; background: linear-gradient(100deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%); }
.sliderCard .cardHeader img { height: 35px; width: 35px; }
.sliderCard .cardHeader div { background-color: #fff; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; position: absolute; margin-left: 20px; top: 25px; border-radius: 0.5rem; }
.cardContent { padding: 2.25rem 1.5rem 1.5rem; }
.cardContent h5 { color: #ffffff; margin-top: 13px; }
.cardContent p { font-size: 15px; color: #ffffff; font-weight: 500; }
.sliderCard:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); transition: .5s; }
.custommSLider { padding-bottom: 100px !important; }
.custommSLider .slick-dots { margin-top: 40px; }
.custommSLider .slick-prev:before, .slick-next:before { font-size: 28px !important; position: absolute; top: 160px; background: linear-gradient(100deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%); padding: 10px 20px; border-radius: 0; margin-right: -15px !important; }
.custommSLider .slick-prev { right: 130px !important; }
.custommSLider .slick-next { right: 50px !important; }
.numberDiv span { height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; background: linear-gradient(100deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%); color: #fff; font-size: 20px; font-weight: 500; border-radius: 50px; }
.numberDiv div::before { content: ""; position: absolute; height: 500px; width: 500px; left: -225px; top: -125px; opacity: 0.15; border-radius: 50%; background-image: radial-gradient(circle, rgb(179, 94, 234) 0%, rgba(38, 57, 79, 0.063) 60%); pointer-events: none; }
.numberDiv div { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; height: 180px; right: 25px; top: -15px; }
.card__item { width: calc(33.33% - 16px); position: relative; }
.card__list.custommSLider { display: flex; gap: 24px; flex-wrap: wrap; }
.newHeight .solution_card::before { right: -42px !important; top: 132px !important; }
.newHeight .hover_color_bubble { top: 18rem; }
.buletinPointDiv ul li { list-style: none; }
.buletinPointDiv ul li::before { content: "\21D2"; color: rgb(188, 99, 238); font-weight: bold; font-size: 24px; display: inline-block; width: 1.2em; margin-left: 0em; }
.buletinPointDiv ul li { font-size: 16px; font-weight: 500; }
.flagMainDiv { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: rgb(22, 35, 53); border: 2px solid rgba(52, 70, 96, 0.667); width: 120px; height: 40px; margin-right: 12px; }
.flagMainDiv span { margin: 0px; margin-right: 12px !important; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: none; }
.flagMainDiv div { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.flagMainDiv div img { height: 18px; }

/* Tauseef Css */
.search-card-wrapper.keychapper-card { padding: 30px 20px; height: 650px; overflow-x: scroll; border-radius: 0; }
.keychapper-content { position: relative; }
.icon { position: absolute; display: flex; top: -10px; right: -10px; background: linear-gradient(45deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%); height: 30px; width: 26px; justify-content: center; align-items: center; cursor: pointer; border-radius: 5px; font-size: 13px; }
.icon:hover { opacity: 0.5; }
#style-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; }
#style-2::-webkit-scrollbar { height: 5px; background-color: #F5F5F5; }
#style-2::-webkit-scrollbar-thumb { background-color: rgba(84, 101, 123, 0.65); }
.pricingHeader1 { position: absolute; background: var(--badge-colr); display: flex; justify-content: center; align-items: center; top: 0; left: 0; padding: 2px 12px; font-size: 16px; font-weight: 400; }
.price-icon-part { margin-top: 60px; padding-left: 20px; }
.price-icon { min-height: 50px; display: flex; align-items: center; }
.price-icon img { width: 50px; }
.price h2 { font-size: 18px; margin-top: 17px; margin-bottom: 0px; font-weight: 500; }
.price h3 { font-size: 20px; margin-top: 10px; color: white; font-weight: 500; margin-bottom: 0; }
.price h3 span { font-size: 16px; }
.overflow-x-hidden { overflow-x: hidden; }
.software-products img { opacity: 0.3; transition: all 0.3s ease-in-out; }
.software-products img:hover { opacity: 0.6; }
.l { border: 1px solid red; }
.container-color .bottom-content { background: #192637; }
.features-table .table { min-width: 600px; }
.features-table table tr { color: #fff; }
.features-table table tr th { text-align: center; }
.features-table table tr th, .features-table table tr td { font-size: 14px; font-weight: 600; padding: 15px 0px; }
.features-table table tr td img { width: 14px; margin: auto; display: block; position: relative; top: 8px; }
.docker-icon { overflow-x: scroll; }
.docker-icon::-webkit-scrollbar { display: none; }
.docker-icon img { cursor: pointer; max-width: 75px; opacity: 0.3; }
.docker-icon img:hover { opacity: 0.6; }
.tabNav .nav-tabs { border: none !important; }
.tabNav .nav-tabs .nav-link { padding: 10px 85px; background-color: #0d141f; color: #fff; font-weight: 500; }
.tabNav .nav-tabs .nav-link:hover { border: none; }
.tabNav .nav-tabs .nav-link.active { background: linear-gradient(45deg, rgb(108, 106, 249) 0%, rgb(103, 123, 250) 27%, rgb(96, 149, 251) 74%, rgb(90, 171, 252) 100%); border: none; color: #fff; font-weight: 500; }
.mainDIvApi { background: rgb(22, 35, 53); height: 100%; padding: 50px; display: flex; flex-direction: column; }
.mainDIvApi h4{font-weight: 600;}
.underCardDiv-body {
    padding: 24px; border: 1px solid #ffffff14 !important;
}
.underCardDiv { -webkit-box-flex: 1; flex-grow: 1; width: 100%; min-height: 240px; background-color: #1c2c41; background-image: url(../images/world-dots.png); background-size: 300%; background-position: center; }
.underCardDiv .nav-item { flex: auto; }
.underCardDiv .nav-item .nav-link { width: 100%; background-color: #1c2c41; color: #fff; border-radius: 0; font-size: 16px; border: 1px solid #ffffff29 !important; }
.underCardDiv .nav-item:first-child .nav-link { border-top-left-radius: 6px; }
.underCardDiv .nav-item:last-child .nav-link { border-top-right-radius: 6px; }
.underCardDiv .nav-item + .nav-item .nav-link { border-left: 0 !important; }
.underCardDiv .nav-item .nav-link.active { background-color: #162335; color: #fff; letter-spacing: .2px; }
.testing .center-icon { max-width: 70px; }
.testing>div { display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; background-color: rgb(32, 45, 63); color: #FFF; font-size: 25px; font-weight: bold; font-family: 'Dancing Script', cursive; box-shadow: 5px -5px 10px 2px rgba(222, 0, 75, 1), -5px -5px 10px 2px rgba(191, 70, 255, 1), 0px 16px 10px 5px #00d4ff; animation: move-shadow 3s ease-in-out 0s infinite normal none running; }
@keyframes move-shadow {
	0%, 100% { box-shadow: 5px -5px 10px 2px rgba(222, 0, 75, 1), -5px -5px 10px 2px rgba(191, 70, 255, 1), 0px 5px 10px 5px #00d4ff; }
	33.33% { box-shadow: -5px -5px 10px 2px rgba(222, 0, 75, 1), 0px 5px 10px 2px rgba(191, 70, 255, 1), 5px -5px 10px 5px #00d4ff; }
	66.66% { box-shadow: 0px 5px 10px 2px rgba(222, 0, 75, 1), 5px -5px 10px 2px rgba(191, 70, 255, 1), -5px -5px 10px 5px #00d4ff; }
}
.custommSLide .slick-list { height: 100%; }
.custommSLider .slick-track { display: flex; }
.custommSLider .slick-track .slick-slide { height: auto; margin-right: 20px; }
.testing-card-top, .testing-card-bottom { max-width: 180px; height: 160px; padding-top: 20px; }
.testing-card-top p, .testing-card-bottom p { font-size: 13px; text-align: center; line-height: 22px; margin-bottom: 15px; }
.testing-card-top h3, .testing-card-bottom h3 { font-size: 20px; text-align: center; margin-bottom: 0; }
.phone-number-cicrcle .main { width: 200px; height: 200px; border: 1.5px solid #CCC; position: relative; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; background-color: #172636; }
.phone-number-cicrcle .circle { width: 20px; height: 20px; background-image: linear-gradient(to right bottom, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1); border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; margin: auto; }
.circle.circle1 { animation: circles 6s linear infinite; }
.circle.circle2 { animation: circle 6s linear infinite; }
.circle.circle3 { animation: circles 6s linear infinite; }
.circle.circle4 { animation: circle 6s linear infinite; }
.phone-number-cicrcle .main .circle-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; }
@keyframes circle {
	0% { transform: rotate(360deg) translate(-100px) rotate(-360deg); }
	100% { transform: rotate(0deg) translate(-100px) rotate(0deg); }
}
@keyframes circles {
	0% { transform: rotate(0deg) translate(-100px) rotate(0deg); }
	100% { transform: rotate(360deg) translate(-100px) rotate(-360deg); }
}
.phone-number-cicrcle { display: flex; column-gap: 20px; row-gap: 20px; flex-wrap: wrap; justify-content: center; }
.phone-number-cicrcle .main:nth-child(1) { animation-delay: 3ms; }
.phone-number-cicrcle .main h4 { font-size: 14px; margin-bottom: 10px; text-align: center; }
.phone-number-cicrcle .main p { font-size: 10px; text-align: center; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.improved-business ul:not([class])>li:before { display: none; }
.improved-business ul li { padding-left: 0; font-size: 14px; }
.improved-business ul li span { width: 21px; height: 21px; font-size: 14px; display: inline-block; text-align: center; background: linear-gradient(100deg, rgb(188, 99, 238) 0%, rgb(107, 54, 202) 100%); border-radius: 2px; margin-right: 5px; }
.improved-business .box { width: 100%; max-width: 450px; background: rgb(22, 35, 53); aspect-ratio: 1/1; padding: 40px 30px; }
.improved-business .box .mini-box { width: 100%; background-color: #192c40; aspect-ratio: 3/2; }
.main-api-works { background: #192c40; padding: 20px 30px 50px 30px; }
.api-works-svg { max-width: 100px; }
.api-works-svg p { padding-top: 1px; font-size: 13px; line-height: 20px; }
.api-workflow--box { border: 1px solid rgb(255, 255, 255); height: 110px; border-radius: 24px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 110px; }
.MuiGrid-root { width: 50px; height: 50px; }
.api_works_box p { font-size: 15px; }
.main-api-works .api-works-container { display: flex; justify-content: space-between; align-items: center; }
.MuiGrid-root.rotate-icon { transform: rotate(90deg); margin: 0 20px; }
.main-api-works h3 { font-size: 24px; font-weight: 400; margin-bottom: 32px; }
.btn.btn-height { padding: 6px 0px; }
.renowned p { font-size: 16px; }
.serach-body-wrapper-contain .btn.btn-sm { min-width: 120px; padding: 14px 25px; border-radius: 10px !important; }
.serach-body-wrapper-contain { display: flex; gap: 20px; align-items: center; }
.serach-body-wrapper-contain .box { background: #2c3a48; border-bottom: 1px solid #fff; padding: 10px 16px; border-radius: 10px 10px 0px 0px; height: 120px !important; width: 100%; color: #ddd; font-size: 15px; line-height: 23px; }
.serach-body-wrapper-contain textarea::placeholder { color: rgb(255, 255, 255); }
.search-body-wrapper .serach-body-wrapper-contain-sugg { color: rgb(188, 192, 198); font-size: 12px; }
.search-body-wrapper { position: relative; }
.search-body-wrapper p { position: absolute; top: 80%; left: 50%; transform: translate(-50%); color: rgb(129, 126, 126); }
.width-textarea textarea.search-card-input { height: 120px !important; color: #ddd; }
.width-textarea .search-card-head { height: 150px; align-items: center; }
.width-textarea .search-card-head .btn { top: 46%; transform: translateY(-50%); }
.width-textarea textarea.search-card-input::placeholder { color: #ddd !important; }
.width-textarea .search-card-body { height: calc(100% - 150px); }
.terms_service h4 { margin: 0px 0px 16px; text-transform: none; font-family: "Roboto Flex", sans-serif; font-weight: 400; font-size: 1.25rem; display: block; color: rgb(93, 159, 252); }
.term h4 { color: #fff; font-size: 24px; }
.terms_service p { margin: 0px 0px 10.8px; text-transform: none; font-family: "Roboto Flex", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.66; display: block; color: rgb(188, 192, 198); }
.terms_service ul li { margin: 0px 0px 10.8px; text-transform: none; font-family: "Roboto Flex", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.66; display: block; color: rgb(188, 192, 198); }

/* Tauseef Css */
.sliderCard .cardHeader { height: 50px; background: var(--data-color); }
.sliderCard .cardHeader div { background-color: #152c3f; height: 50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); width: 50px; display: flex; justify-content: center; align-items: center; position: absolute; margin-left: 20px; top: 25px; border-radius: 0.5rem; }
.controler-left { width: 270px; padding-right: 20px; }
.controler-right {width: 100%;overflow-y: hidden;overflow-x: auto;}
.controler-right::-webkit-scrollbar { height: 6px; }
.controler-right::-webkit-scrollbar-track { background: #192637; border-radius: 4px; }
.controler-right::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #00d4ff, #bf46ff); border-radius: 4px; }
.controler-box { width: 100%; height: 334px; position: relative; background-color: #192738; border-radius: 8px; overflow: hidden; border: 2px solid #16354f; min-width: 900px; }
.controler-box::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/graph.svg); background-size: 161px; opacity: .4; }
.controler-left h6 { font-weight: 500; margin-bottom: 16px; }
.controler-left .controler-list li + li { margin-top: 14px; }
.controler-left .controler-list li { position: relative; padding-left: 30px; font-size: 16px; line-height: 22px; }
.controler-left .controler-list li img { width: 20px; height: 20px; object-fit: contain; position: absolute; left: 0; top: 1px; filter: brightness(0) invert(1); }
.controler-left .controler-cta { margin-top: 24px; }
.controler-step-one {left: 10%;position: absolute;top: 50%;transform: translateY(-50%);}
.controler-step-male, .controler-step-female { width: 55px; height: 55px; background-color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-bottom: 3px; position: absolute; border: 1px solid #bfbfbf3d; top: -28px; }
.controler-step-male img, .controler-step-female img { width: 30px; filter: brightness(0) invert(1); opacity: .9; }
.controler-step-male { left: 0px; animation: user-swap-male 4s linear infinite; }
.controler-step-female { left: -60px; animation: user-swap-female 4s linear infinite; box-shadow: 0 0 4px #37abff7a; }
.controler-step-one::before { content: 'Unknown Number'; position: absolute; width: max-content; top: -64px; left: -61px; background: #404f63; padding: 2px 7px; border-radius: 3px; font-size: 14px; line-height: 20px; }
.controler-step-two {left: 26%;position: relative;top: 50%;transform: translateY(-50%);}
.controler-step-setting { width: 55px; height: 55px; background-color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 4px #37abff7a; position: absolute; border: 1px solid #bfbfbf3d; top: -27px; padding-right: 1px; }
.controler-step-setting img { width: 27px; filter: brightness(0) invert(1); opacity: .9; animation: infinite-spinning 3s linear infinite; }
.controler-step-two::before { content: 'AI Engine'; position: absolute; width: max-content; top: -64px; left: -6px; font-size: 14px; background: #00d4ff; color: #000; padding: 2px 7px; border-radius: 3px; line-height: 20px; }
.controler-step-one::after {display: block;width: 115px;height: 9px;position: absolute;background: url(../images/go_arrow_gray.svg);background-repeat: repeat-x;left: 61px;top: -4px;background-position-x: 0;content: '';animation: arrows-infinite 1s linear infinite;}
.controler-step-two::after {display: block;width: 150px;height: 9px;position: absolute;background: url(../images/go_arrow_gray.svg);background-repeat: repeat-x;left: 66px;top: -4px;background-position-x: 0;content: '';animation: arrows-infinite 1s linear infinite;}
.controler-step-three {left: 45%;position: absolute;top: 50%;transform: translateY(-50%);height: 100%;}
.controler-step-three::after {display: block;width: 130px;height: 9px;position: absolute;background: url(../images/go_arrow_gray.svg);background-repeat: repeat-x;left: 50px;top: 50%;transform: translateY(-50%);background-position-x: 0;content: '';animation: arrows-infinite 1s linear infinite;}
.controler-step-foure {left: 61%;position: absolute;top: 50%;transform: translateY(-50%);height: 100%;}
.controler-step-foure::after {display: block;width: 122px;height: 9px;position: absolute;background: url(../images/go_arrow_gray.svg);background-repeat: repeat-x;left: 53px;top: 50%;transform: translateY(-50%);background-position-x: 0;content: '';animation: arrows-infinite 1s linear infinite;}
.m-icons { position: absolute; left: 0; animation: top-to-bottom 30s linear infinite; top: 50%; transform: translateY(-50%); }
.controler-step-three .m-icons { animation: top-bottom-two 10s linear infinite; }
.m-icon { width: 45px; height: 44px; }
.m-icon + .m-icon { margin-top: 15px; }
.m-icon img { width: 100%; }
.controler-left .controler-cta .btn { width: 100%; }
.controler-left .controler-cta .btn + .btn { margin-top: 15px; }
.controler-step-five {left: 77%;position: absolute;top: 50%;transform: translateY(-50%);height: 100%;}
.controler-step-five::after {display: block;width: 120px;height: 9px;position: absolute;background: url(../images/go_arrow_color.svg);background-repeat: repeat-x;left: 54px;top: 50%;transform: translateY(-50%);background-position-x: 0;content: '';animation: arrows-infinite 1s linear infinite;}
.m-frames { position: absolute; left: 0; animation: top-bottom 10s linear infinite; }
.m-frame { width: 45px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgb(64 79 99 / 25%); border: 1px solid #dddddd26; }
.m-frame + .m-frame { margin-top: 10px; }
.m-frame img { width: 25px; }
.m-frame.filter img {filter: brightness(0) invert(1);}
.moving-icons { position: relative; }
.controler-step-six {position: absolute;width: 107px;height: 100%;right: 0;}
.controler-step-six::before { content: ''; position: absolute; width: 120px; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), rgb(29 210 224 / 10%)); right: 0; top: 0; }
.controler-step-six img { width: 330px; position: absolute; max-width: none; left: 0; animation: spin 50s linear infinite; }
.graph-box-tabs .service-tabs { width: 240px; }
.graph-box-tabs .service-tab-content { width: calc(100% - 240px); }
.graph-box-wrapper { overflow-y: hidden; overflow-x: auto; }
.graph-box-outer { width: 100%; height: 320px; position: relative; padding: 10px; display: flex; min-width: 800px; }
.graph-box-outer::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/graph.svg); background-size: 161px; opacity: .3; }
.graph-box-wrapper::-webkit-scrollbar { height: 6px; }
.graph-box-wrapper::-webkit-scrollbar-track { background: #192637; border-radius: 4px; }
.graph-box-wrapper::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #00d4ff, #bf46ff); border-radius: 4px; }
.graph-box { display: flex; flex-flow: column; position: relative; justify-content: center; gap: 12px; padding: 0 11px; }
.graph-box-card { background-color: #607D8B; box-shadow: 0 0 20px rgb(255 255 255 / 10%); border-radius: 6px; padding: 8px 12px; font-size: 13px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.graph-box-card.bg1 { background-color: #8BACCC; }
.graph-box-card.bg2 { background-color: #ffcc04e0; }
.graph-box-card.bg3 { background-color: #BF46FF; }
.graph-box-card.bg4 { background-color: #4AC0EA; }
.graph-box-card.bg5 { background-color: #E06A26; }
.graph-box-card.bg6 { background-color: #6CC068; }
.graph-box-card.bg-suc { background-color: #078e00; }
.graph-box-card.bg-red { background-color: rgb(227, 82, 86); }
.graph-box-card img { width: 18px; margin-right: 5px; }
.graph-box.graph-box-2 { padding-right: 80px; }
.graph-box.graph-box-1 { width: 18%; padding-bottom: 106px; }
.graph-box.graph-box-2 { width: 28%; }
.graph-box.graph-box-3 { width: 27%; padding-right: 80px; }
.graph-box.graph-box-4 { width: 27%; }
.graph-box::before { content: ''; position: absolute; background-position: center; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); right: 10px; background-size: 30px; }
.graph-box.graph-box-1::before { background-image: url(../images/icons-one-step/arrow-1.svg); top: 48%; }
.graph-box.graph-box-2::before { background-image: url(../images/icons-one-step/arrow-2.svg); background-size: 40px; right: 20px; }
.graph-box.graph-box-3::before { background-image: url(../images/icons-one-step/arrow-3.svg); right: 20px; }
#tab1-tab-pane .graph-box.graph-box-3::before { background-image: url(../images/icons-one-step/arrow-3.1.svg); }
.underCardDiv p { color: #00cac9; font-size: 20px; font-weight: 500; }
.pagination-wrapper .pagination { align-items: center; }
.pagination-wrapper .page-prev, .page-next { width: 42px; height: 42px; line-height: 40px; background-color: #000; border-radius: 50%; font-size: 14px; }
.pagination-wrapper .page-prev { margin-right: 10px; }
.pagination-wrapper .page-next { margin-left: 10px; }
.pagination-wrapper .page-item .page-link { background: transparent; border: none; color: #fff; box-shadow: none !important; }
.pagination-wrapper .page-item.active .page-link, .pagination-wrapper .page-item .page-link.active {
    color: #00d4ff;
    text-shadow: 0 0 20px #00d4ff;
    border: 1px solid #00d4ff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.graph-box-card span {
    font-size: 20px;
    margin-right: 4px;
}
.graph-box-card.graph-welcome {
    position: relative;
    background-color: #bf46ff;
    font-size: 15px;
    padding: 12px 16px;
    margin-bottom: 150px;
    overflow: visible;
    animation: 1.5s Infinite linear floating;
}
.graph-box-card-inn {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 100px;
    left: 48%;
    transform: translateX(-50%);
}

.graph-box-card-inn span {
    font-size: 10px;
    background-color: #192637;
    text-align: center;
    border-radius: 5px;
    padding: 2px 5px;
    line-height: 18px;
    box-shadow: 0 0 20px #37abff29;
}

.graph-box-card-inn span + span {
    margin-top: 3px;
}
@keyframes floating {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
.graph-box-card.graph-welcome::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid #bf46ff;
    border-right: 26px solid transparent;
    position: absolute;
    left: 6px;
    top: 98%;
    z-index: 999;
}
@keyframes user-swap-female {
	0% { left: -60px; }
	50% { left: 0px; }
	100% { left: -60px; }
}
@keyframes user-swap-male {
	0% { left: 0px; }
	50% { left: -60px; }
	100% { left: 0px; }
}
@keyframes infinite-spinning {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@keyframes arrows-infinite {
	from { background-position-x: -14px; }
	to { background-position-x: 10px; }
}
@keyframes top-to-bottom {
	0% { top: -640px; }
	50% { top: 0px; }
	100% { top: -640px; }
}
@keyframes top-bottom {
	0% { bottom: -150px; }
	50% { bottom: 0px; }
	100% { bottom: -150px; }
}
@keyframes top-bottom-two {
	0% { bottom: -300px; }
	50% { bottom: 0px; }
	100% { bottom: -300px; }
}
@keyframes spin {
	100% { transform: rotate(360deg); }
}

/*start media query*/
@media screen and (min-width:320px) {
	.sol_card_top_3 { position: relative; top: 0; }
}
@media only screen and (min-width:1024px) {
	.sol_card_top_3 { position: relative; top: -3rem; }
}

/* / blog page css start / */

.projcard-container,
.projcard-container * {
	box-sizing: border-box;
}
.projcard-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.projcard {
	position: relative;
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	border-radius: 10px;

	background: #192637;
    border-radius: 15px;
    border: 1px solid rgb(52, 70, 96);
	font-size: 18px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.projcard:hover {
	box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
	transform: translate(0px, -3px);
}
.projcard::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(-70deg, #424242, transparent 50%);
	opacity: 0.07;
}
.projcard:nth-child(2n)::before {
	background-image: linear-gradient(-250deg, #424242, transparent 50%);
}
.projcard-innerbox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.projcard-img {
	position: absolute;
	height: 300px;
	width: 400px;
	top: 0;
	left: 0;
	transition: transform 0.2s ease;
}
.projcard:nth-child(2n) .projcard-img {
	left: initial;
	right: 0;
}
.projcard:hover .projcard-img {
	transform: scale(1.05) rotate(1deg);
}
.projcard:hover .projcard-bar {
	width: 70px;
}
.projcard-textbox {
	position: absolute;
	top: 7%;
	bottom: 7%;
	left: 430px;
	width: calc(100% - 470px);
	font-size: 17px;
}
.projcard:nth-child(2n) .projcard-textbox {
	left: initial;
	right: 430px;
}
.projcard-textbox::before,
.projcard-textbox::after {
	content: "";
	position: absolute;
	display: block;

	background: #192637;
	top: -20%;
	left: -55px;
	height: 140%;
	width: 60px;
	transform: rotate(8deg);
}
.projcard:nth-child(2n) .projcard-textbox::before {
	display: none;
}
.projcard-textbox::after {
	display: none;
	left: initial;
	right: -55px;
}
.projcard:nth-child(2n) .projcard-textbox::after {
	display: block;
}
.projcard-textbox * {
	position: relative;
}
.projcard-title {
	font-family: 'Voces', 'Open Sans', arial, sans-serif;
	font-size: 24px;
}
.projcard-subtitle {
	font-family: 'Voces', 'Open Sans', arial, sans-serif;
	color: #fff;
}
.projcard-bar {
	left: -2px;
	width: 50px;
	height: 5px;
	margin: 10px 0;
	border-radius: 5px;
	background-color: #424242;
	transition: width 0.2s ease;
}
.projcard-blue .projcard-bar { background-color: #ffcc04e0; }
.projcard-blue::before { background-image: linear-gradient(-70deg, #ffcc04e0, transparent 50%); }
.projcard-blue:nth-child(2n)::before { background-image: linear-gradient(-250deg, #ffcc04e0, transparent 50%); }
.projcard-red .projcard-bar { background-color: #8BACCC; }
.projcard-red::before { background-image: linear-gradient(-70deg, #8BACCC, transparent 50%); }
.projcard-red:nth-child(2n)::before { background-image: linear-gradient(-250deg, #8BACCC, transparent 50%); }
.projcard-green .projcard-bar { background-color: #4AC0EA; }
.projcard-green::before { background-image: linear-gradient(-70deg, #4AC0EA, transparent 50%); }
.projcard-green:nth-child(2n)::before { background-image: linear-gradient(-250deg, #4AC0EA, transparent 50%); }
.projcard-yellow .projcard-bar { background-color: #BF46FF; }
.projcard-yellow::before { background-image: linear-gradient(-70deg, #BF46FF, transparent 50%); }
.projcard-yellow:nth-child(2n)::before { background-image: linear-gradient(-250deg, #BF46FF, transparent 50%); }
.projcard-orange .projcard-bar { background-color: #E06A26; }
.projcard-orange::before { background-image: linear-gradient(-70deg, #E06A26, transparent 50%); }
.projcard-orange:nth-child(2n)::before { background-image: linear-gradient(-250deg, #E06A26, transparent 50%); }
.projcard-brown .projcard-bar { background-color: #6CC068; }
.projcard-brown::before { background-image: linear-gradient(-70deg, #6CC068, transparent 50%); }
.projcard-brown:nth-child(2n)::before { background-image: linear-gradient(-250deg, #6CC068, transparent 50%); }
.projcard-description {
	z-index: 10;
	font-size: 15px;
	color: #fff;
	height: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* / blog page css end / */
/* ================= Footer End ================= */

/* ================= blog Start ================= */

/* ================= blog End ================= */
.blog-single-left { padding-right: 20px; }
.blog-single { margin-bottom: 30px; }
.blog-single-thumb {
    padding-bottom: 60%;
    border: 10px solid #192637;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
}

.blog-single-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    position: absolute;
    top: 0;
    left: 0;
}
.blog-single-head { padding-right: 50px; position: relative; font-size: 18px;  margin-bottom: 24px; }
.blog-single-head h4 { font-size: 25px; margin-bottom: 5px; }
.blog-single-head p { margin-bottom: 5px; }
.blog-single-head .tags { font-size: 16px; }
.blog-single-head .tags li + li { margin-left: 10px; }
.blog-single-head .tags li .tag{background-color: #192637;
    padding: 5px 16px;
    font-size: 14px;
    border-radius: 18px;}
.blog-single-head .blog-post-share { position: absolute;
    width: 44px;
    right: 6px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
    background-color: #192637;
    display: flex;
    align-items: center;
    justify-content: center; }
.blog-single-head .blog-post-share img { width: 100%; object-fit: cover; max-width: 30px; }
.single-blog-item + .single-blog-item {margin-top: 20px;}
.single-blog-item .single-blog-box {
    background-color: rgb(25, 38, 55);
    padding: 10px 10px 16px;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    border-radius: 12px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.single-blog-item .single-blog-box .single-blog-img {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-bottom: 14px;
    display: block;
    height: 197px;
    color: rgb(25, 38, 55);
}

.single-blog-item .single-blog-box .single-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-blog-item .single-blog-box .single-blog-content {
    font-size: 16px;
}

.single-blog-item .single-blog-box .single-blog-content p {
    margin-bottom: 5px;
}

.single-blog-item .single-blog-box .single-blog-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 3px;
}
.blog-single-text h1 { font-size: 44px; font-weight: 600; }
.blog-single-text h2 { font-size: 33px; font-weight: 600; }
.blog-single-text h3 { font-size: 30px; font-weight: 600; }
.blog-single-text h4 { font-size: 27px; font-weight: 600; }
.blog-single-text h5 { font-size: 24px; font-weight: 600; }
.blog-single-text h6 { font-size: 21px; font-weight: 600; }

.single-blog-btn {
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
    color: #00d4ff;
    margin-top: auto;
}

.single-blog-btn:hover {
    text-decoration: none;
    color: #00d4ff;
}

.barLineGreen{
	background-color: rgb(16, 163, 127);
	height: 35px;
	width: 5px;
	display: inline-block;
}
.barLineRed{
	background-color: red;
	height: 35px;
	width: 5px;
	display: inline-block;
}
.barLineYellow{
	background-color: rgb(224, 171, 60);
	height: 35px;
	width: 5px;
	display: inline-block;
}
.underLineTxt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.underLineTxt span{
	color: gray;
}
.txtFirst::after{
	width: 32%;
    height: 2px;
    display: block;
    background-color: #767d6f;
    position: absolute;
    top: 15px;
    left: 12.5%;
	content: "";
}
.txtSecond::after{
	width: 32%;
    height: 2px;
    display: block;
    background-color: #767d6f;
    position: absolute;
    top: 15px;
    left: 61.5%;
	content: "";
}

.underCardDiv-body p{
	color: #aabcd1b8;
	font-size: 13px;
}

.underCardDiv-body :nth-child(2){
	color: #fff;
}

.codeOrange{
	color: #f79a59 !important;
}
ul.languages_rows {
    list-style: none;
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 260px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

element.style {
}
ul.languages_rows {
    list-style: none;
    padding: 0;
    overflow: hidden;
    /* overflow-y: scroll; */
    max-height: 260px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	margin-top: 15px;
}
ul.languages_rows li:first-child {
    background: rgba(70, 240, 110, .7);
    border: 0 solid rgba(70, 240, 110, .3);
}
ul.languages_rows li {
    height: 58px;
    padding: 15px;
    background: rgba(255, 255, 255, .3);
    border: 0 solid rgba(255, 255, 255, .2);
    border-radius: 3px;
    margin-bottom: 10px;
}
.flexslider {
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
}

ul.languages_rows li header {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
}
ul.languages_rows li .meta {
    display: inline-block;
    float: right;
    margin-top: 2px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
}

.prettyprint.transparent {
    padding: 10px 0 0 0px;
    width: 80%;
    margin: 0 auto;
    background: transparent !important;
}
.prettyprint.transparent {
    padding: 0 !important;
    width: 100% !important;
    float: left;
    max-height: 210px;
    margin-top: 0 !important;
    margin-left: 5px !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
}
.prettyprint.scroll {
    max-height: 265px !important;
    overflow: hidden;
	margin-top: 15px !important;
}
pre.prettyprint {
    padding: 2px;
    border: 1px solid #888;
}
pre.prettyprint {
    padding: 10px 0 0 10px;
}
@media screen and (min-width: 801px){
.prettyprint {
    max-width: 660px;
}
.prettyprint {
    background: #212128;
    font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #ccc;
}
.prettyprint {
    background: #3a3e45 !important;
}
.transparent {
    background: 0 0!important;
}
.prettyprint {
    -webkit-overflow-scrolling: touch!important;
    -ms-overflow-style: none!important;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none!important;
}
}
.pun {
    color: #660;
}
.pln {
    color: #000;
}
pre.line_height .str {
    line-height: 22px;
}
.str {
    color: #080;
}
.orange {
    color: #e78c45;
}
.orange .kwd {
    color: #e78c45 !important;
}
.kwd {
    color: #008;
}
.languages_result {
    margin-bottom: -15px;
}
.lit {
    color: #066;
}

.yellow{
	background-color: #ffcc04e0;
}
.gray{
	background-color: #8BACCC;
}
.purple{
	background-color: #BF46FF;
}
.orange{
	background-color: #E06A26;
}

.material .separator{
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.aniOffer{
	animation: 1.5s Infinite linear floating !important;
}

.issues .container-material{
    max-width: 850px !important;
}

.material .content-title{
    font-size: 28px;
}

.material .date{
    font-size: 20px;
}

.material .status{
    color: #AAAAAA;
    font-size: 16px;
    font-weight: normal;
}

.material .status-info{
    color: #E86C09;
    font-size: 18px;
    padding-bottom: 10px;
}

.material .status-info-2{
    color: #F4AC36;
    font-size: 18px;
    padding-bottom: 10px;
}

.material .extend-info{
    color: #10A37F;
    font-size: 16px;
    font-weight: normal;

}

.material .date-2{
    color: #AAAAAA;
    font-size: 14px;
    font-weight: 500;
}

.material .sub-content-head{
    font-size: 16px;
    font-weight: bolder;
}

.material .extend-info-2{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;

}



/* ==========================================
			! Large devices (desktops, less than 1200px)
			=========================================== */
@media (max-width:1199.98px) {
	.content-container { padding: 50px 0; }
	h1 { font-size: 44px; }
	h2 { font-size: 40px; }
	h3 { font-size: 33px; }
	h4 { font-size: 27px; }
	h5 { font-size: 24px; }
	h6 { font-size: 20px; }
}

/*==========================================
			! Medium devices (tablets, less than 992px)
			========================================== */
@media (max-width:991.98px) {
	body { font-size: 16px; line-height: 24px; }
	h1 { font-size: 40px; }
	h2 { font-size: 36px; }
	h3 { font-size: 27px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
	.navbar { width: 100%; height: 60px; }
	.navbar-toggler { width: 54px; height: 54px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; right: 10px; top: 48%; z-index: 999; transform: translateY(-50%); }
	.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; }
	.dropdown .dropdown-toggle::after { content: '\f054'; position: absolute; right: 10px; border: none; font-family: 'font Awesome 5 Free'; font-weight: 900; right: 4px; }
	.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; box-shadow: none; }
	.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
	.home .navbar-toggler.collapsed, .home .navbar-toggler.collapsed:focus, .home .navbar-toggler.collapsed:hover { background: transparent; }
	.navbar-toggler .navbar-toggler-icon { position: relative; display: inline-block; width: 30px; height: 3px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent !important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
	.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after { content: ''; width: 30px; height: 3px; background: #9EBBE1; position: absolute; left: 0; transition: all .2s ease-out; }
	.navbar-toggler.collapsed .navbar-toggler-icon { background: #9EBBE1 !important; }
	.navbar-toggler.collapsed .navbar-toggler-icon:before, .navbar-toggler.collapsed .navbar-toggler-icon:after { background: #9EBBE1; }
	.navbar-toggler.collapsed .navbar-toggler-icon:before { top: -10px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
	.navbar-toggler.collapsed .navbar-toggler-icon:after { bottom: -10px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
	.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
	.header-right { position: relative; z-index: 999; margin-right: 50px; }
	.navbar-collapse, .navbar-collapse.collapsing { position: fixed; top: 60px; left: 0; background: #192637; padding: 0; z-index: 9999; margin: 0; border: 0; overflow-y: auto; bottom: 0; width: 100%; height: calc(100vh - 60px); display: block !important; transition: all .3s cubic-bezier(0.77, 0.2, 0.05, 1.0); opacity: 0; visibility: hidden; transform: translateX(100%); }
	.navbar .collapse.show { opacity: 1; visibility: visible; transform: translateX(0); }
	.navbar-inside { height: calc(100vh - 60px); padding: 8px 21px; display: flex; flex-flow: column; }
	.navbar-expand-lg .navbar-nav .nav-item { padding: 0; margin: 0; border-bottom: solid 1px #9ebbe180; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; line-height: 36px; padding: 10px 0; position: relative; color: #9EBBE1; }
	.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; width: auto; font-size: 30px; line-height: 60px; top: 0; height: 60px; color: #f00; width: 40px; }
	.dropdown-menu { background: transparent; border: 0; padding: 0; margin: 0 0 20px 0; }
	.dropdown-item { padding: 7px 20px 7px 40px; }
	.mega-menu-wrapper { padding: 0; }
	.mega-menu-wrapper .container { width: 100%; }
	.mega-menu-left { color: #fff; font-size: 14px; line-height: 18px; margin-bottom: 24px; }
	.mega-menu-left h4 { font-size: 18px; }
	.product-menu-item { width: 50%; margin-bottom: 26px; }
	.product-menu-list { margin-bottom: -20px; }
	.product-menu-link { padding-left: 40px; align-items: center; min-height: 30px; }
	.product-menu-icon { width: 30px; }
	.product-menu-link h4 { font-size: 16px; line-height: 20px; margin-bottom: 0; }
	.product-menu-arrow { margin-left: 10px; }
	.sticky-header-left .sticky-header-icon { width: 24px; min-width: 24px; margin-right: 10px; height: 24px; }
	.sticky-header-left h5 { font-size: 16px; margin: 0; }
	.sticky-header-menu-item+.sticky-header-menu-item { margin-left: 12px; }
	.sticky-header-menu-link { font-size: 14px; }
	.stats-icon { height: 50px; }
	.stats-box h3 { font-size: 33px; }
	.stats-item { padding: 10px; font-size: 14px; line-height: 20px; }
	.stats-list { width: calc(100% + 20px); margin-left: -10px; }
	.integration-wrapper { padding: 80px; }
	.service-tabs, .graph-box-tabs .service-tabs { width: calc(100% + 48px); margin-left: -24px; padding: 0; }
	.service-tabs .nav-tabs .nav-link > div { flex-flow: column; gap: 10px !important; }
	.service-tabs .nav-tabs { flex-flow: row; padding: 0 24px 8px; width: 100%; overflow-x: auto; overflow-y: hidden; }
	.service-tabs .nav-tabs::-webkit-scrollbar { height: 5px; }
	.service-tabs .nav-tabs::-webkit-scrollbar-track { background: #23354d; border-radius: 5px; }
	.service-tabs .nav-tabs::-webkit-scrollbar-thumb { background: #192637; border-radius: 5px; }
	.service-tabs .nav-tabs .nav-item+.nav-item { margin: 0; margin-left: 10px; }
	.service-tabs .nav-tabs .nav-link > div > span { white-space: nowrap; }
	.service-tabs .nav-tabs .nav-link { min-width: 100px; }
	.service-tab-content, .graph-box-tabs .service-tab-content { margin-top: 16px; width: 100%; }
	.plan__list .plan__item { width: 50%; }
	.detailed-card-item { width: 50%; }
	.detailed-card-list { justify-content: center; }
	.controler-box { height: 270px; }
	.controler-step-six img { width: 270px; }
	.controler-step-one::after { width: 80px; background-size: 10px; left: 51px; }
	.controler-step-two::after { width: 95px; background-size: 10px; }
	.controler-step-three::after { width: 90px; background-size: 10px; }
	.controler-step-foure::after { width: 84px; background-size: 10px; }
	.controler-step-six { width: 80px; }
	.controler-step-five::after { width: 80px; background-size: 10px; }
}
@media screen and (max-width:900px) {
	.main-api-works .api-works-container { display: flex; flex-direction: column; justify-content: center; row-gap: 30px; }
	.main-api-works { background: #192c40; padding: 20px 30px 50px 30px; max-width: 300px; margin: auto; }
	.api-works-svg p { padding-top: 10px; font-size: 15px; line-height: 20px; }
}

/* =================================================
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	h1 { font-size: 30px; }
	h2 { font-size: 27px; }
	h3 { font-size: 23px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	#footer { padding-top: 100px; text-align: center; }
	.footer-socket { text-align: center; }
	.footer-socket p { margin-bottom: 0; }
	.footer-socket-menu { justify-content: center; font-size: 11px; }
	.footer-socket p { font-size: 11px; }
	.footer-shape { left: 50%; bottom: auto; top: -150px; }
	.imgWraperLogo { height: 100px; }
	.simple-slider-logo img { max-width: 60px; }
	.product-menu-item { width: 100%; }
	.product_item { width: 100%; margin-bottom: 30px; }
	.product_link { padding: 30px 20px; }
	.product_list { margin-bottom: -30px; }
	.product_icon { width: 80px; height: 80px; margin: 0 auto 20px; }
	.product-cta-btn { min-width: 160px; padding: 6px 24px; }
	.banner-bg.uncliped { height: auto; z-index: 0; left: 0; }
	.heading h6 { font-size: 14px; }
	.heading h3 { font-size: 24px; }
	.heading h4 { font-size: 21px; }
	.simple-logo-box { height: 100px; }
	.simple-logo-box img { max-width: 60px; }
	.home-product-item { width: 100%; }
	.integration-wrapper { padding: 40px 0; padding-right: 20px; }
	.integration-text-right { margin-top: 40px; }
	.itr-icon { width: 30px; height: 30px; }
	.itr-box h4 { font-size: 16px; }
	.why_us_item { width: 100%; }
	.contact-form { width: 100%; padding: 0; }
	.content-container.contact-container { padding: 80px 0 80px; }
	.contact-info { width: 100%; padding: 0; margin-top: 50px; }
	.contact-info h6 { font-size: 16px; }
	.ci-content h5 { font-size: 24px; }
	.ci-content p { font-size: 15px; }
	.ci-list li { padding-left: 54px; }
	.ci-icon { width: 36px; height: 36px; }
	.ci-icon img { max-width: 24px; }
	.ci-list li::before { left: 17px; top: 35px; height: calc(100% + 10px); }
	.stats-list { margin-bottom: 40px; }
	.stats-item { text-align: center; }
	.section-pad { padding: 50px 0; }
	.block-img-box-normal { margin-bottom: 40px; }
	.security-list { padding: 0; }
	.security-box { padding: 24px !important; flex-flow: column-reverse !important; margin-top: 100px !important; }
	.security-content { width: 100%; padding: 0; }
	.security-img { width: 100%; max-width: 120px; margin-bottom: 30px; margin-top: -100px; margin-left: auto; }
	.security-box::before { display: none; }
	.security-img::before { filter: blur(50px); }
	.security-counter { right: auto !important; left: 20px; }
	.status-wrapper { padding: 40px 24px; }
	.inner-banner { padding: 80px 0 60px; }
	.inner-banner.pb-more { padding: 80px 0 130px; }
	.inner-banner h1, .inner-banner h2 { margin-bottom: 10px; }
	.detailed-card-item { width: 100%; }
	.detailed-card-box { max-width: 300px; margin: 0 auto; }
	.search-card-cta .btn { min-width: 100px; font-size: 14px; padding: 12px 24px; }
	.search-card-box { min-height: auto; }
	.search-card-cta .btn + .btn { margin-left: 10px; }
	.numberDiv div img { width: 100px; margin-top: -20px; margin-right: -20px; }
	.keychapper-content { padding-top: 20px; }
	.mainDIvApi { padding: 24px; }
	.underCardDiv { margin-top: 0; }
	.search-body-wrapper { padding-right: 5px; }
	.renowned p { font-size: 12px; line-height: 16px; }
	.renowned .btn { font-size: 12px; min-width: 120px; }
	.search-card-wrapper { margin-top: -120px; }
	.search-card-head-wrapper { padding-right: 80px; }
	.search-card-input { height: 44px; font-size: 15px; }
	.search-card-head-wrapper .btn { min-width: 80px; padding: 11px 12px; }
	.serach-body-wrapper-contain { gap: 10px; }
	.serach-body-wrapper-contain .box { font-size: 14px; padding: 8px 13px; height: 100px !important; width: calc(100% - 100px); }
	.serach-body-wrapper-contain .btn.btn-sm { min-width: 90px; }
	.controler-left { width: 100%; padding: 0; margin-bottom: 30px; }
	.controler-right { width: 100%; }
	.graph-box.graph-box-2 { width: 26%; padding-right: 60px; }
	.graph-box.graph-box-2::before { right: 12px; }
	.graph-box.graph-box-3 { padding-right: 60px; }
	.graph-box.graph-box-3::before { right: 12px; }
	.graph-box.graph-box-1 { width: 20%; }
	.blog-single-left{padding-right: 0;}
	.blog-single-text h1 { font-size: 27px; margin-bottom: 8px; }
	.blog-single-text h2 { font-size: 24px; margin-bottom: 8px; }
	.blog-single-text h3 { font-size: 22px; margin-bottom: 8px; }
	.blog-single-text h4 { font-size: 20px; margin-bottom: 8px; }
	.blog-single-text h5 { font-size: 18px; margin-bottom: 8px; }
	.blog-single-text h6 { font-size: 16px; margin-bottom: 8px; }
	.projcard { height: auto; }
	.projcard-innerbox { position: relative; }
	.projcard-img { position: relative; }
	.projcard-textbox { position: relative; width: 100%; left: auto !important; top: auto; bottom: auto; padding: 20px; right: auto !important; }
	.projcard-textbox::before, .projcard-textbox::after { display: none; }
	.projcard-tagbox { margin-top: 16px; }
}

/* ======================================================
			 ! Extra small devices (portrait phones, less than 576px)
			 ====================================================== */
@media (max-width:575.98px) {
	.plan__list .plan__item { width: 100%; }
}