@charset "utf-8";
:root {
    --gradient-shape: url("data:image/svg+xml,%3Csvg width='741' height='418' viewBox='0 0 741 418' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.4275 0.540292C26.1087 -3.48831 0.339038 15.4404 0.0236869 43.0528C-0.389401 79.2197 4.49624 115.344 14.6016 150.259C29.3539 201.231 54.8858 248.438 89.4688 288.684C124.052 328.93 166.878 361.276 215.049 383.532C263.22 405.788 315.61 417.434 368.673 417.681C421.736 417.929 474.232 406.772 522.609 384.967C570.985 363.162 614.112 331.217 649.069 291.296C684.026 251.374 709.997 204.407 725.224 153.576C735.655 118.756 740.878 82.6789 740.802 46.5098C740.745 18.8956 715.153 -0.272762 687.798 3.5007L623.159 12.4172C595.804 16.1907 577.326 41.6632 574.387 69.1205C573.047 81.6335 570.555 94.0315 566.924 106.155C558.49 134.308 544.106 160.321 524.744 182.432C505.383 204.543 481.497 222.236 454.703 234.313C427.909 246.39 398.833 252.569 369.444 252.432C340.055 252.295 311.038 245.845 284.358 233.518C257.678 221.192 233.958 203.277 214.804 180.986C195.65 158.695 181.509 132.549 173.338 104.318C169.82 92.1614 167.444 79.7407 166.221 67.2158C163.538 39.7322 145.299 14.0883 117.98 10.0597L53.4275 0.540292Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='736.84' y1='101.321' x2='3.96248' y2='-6.75414' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F98B53'/%3E%3Cstop offset='0.4' stop-color='%23E72578'/%3E%3Cstop offset='0.9' stop-color='%232A64F6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
html, body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body { font-family: 'Open Sans', arial, sans-serif; color: #181617; font-size: 15px }
h1, h2, h3, .h1, .h2, .h3 { font-family: 'Montserrat', arial, sans-serif; line-height: 1.4; margin-bottom: 1.3rem; font-weight: 600 }
h4, h5, h6, .h4, .h5, .h6 { font-family: 'Montserrat', arial, sans-serif; line-height: 1.5; margin-bottom: 1.3rem; font-weight: 600 }
h1, .h1 { font-size: 34px }
h2, .h2 { font-size: 26px }
h3, .h3 { font-size: 22px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
p { margin-bottom: 1rem }
a, a:hover, a:focus { color: #e11f27 }
b, strong { font-weight: 700 }
h1 strong, h2 strong, h3 strong, h4 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong { font-weight: 700 }
/* .content h1, .content h2, .content h3, .content .h1, .content .h2, .content .h3 { padding-top: 1rem } */
section, .section { display: block; padding: 60px 0 70px }
.section-dark { background-color: #181617; color: #fff }
.section-light { background-color: #ebeff1!important }
.section-transparent { background-color: transparent!important }
.gradient-text { display: inline-flex; background: linear-gradient(90deg, #2A64F6 2.5%, #A935FF 53.71%, #E72578 97.69%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark .h1, .section-dark .h2, .section-dark .h3, .section-dark .h4 { color: #FFF }
body>section:last-of-type, body>div.content>section:last-of-type { padding-bottom: 100px }
.row-eq-height .row { height: 100% }
.valign-mid>div { margin-top: auto!important; margin-bottom: auto!important }
.fops { font-family: 'Open Sans', arial, sans-serif!important }
.fmon { font-family: 'Montserrat', arial, sans-serif!important }
.fs12 { font-size: 12px!important }
.fs13 { font-size: 13px!important }
.fs14 { font-size: 14px!important }
.fs16 { font-size: 16px!important }
.fs18 { font-size: 18px!important }
.fw400 { font-weight: 400!important }
.fw600 { font-weight: 600!important }
.grey-bg { background-color: #f3f3f3!important }
.dark-bg { background-color: #eaeaea!important }
.red-bg { background-color: #e11f27!important; color: #fff }
.blue-bg { background-color: #175c95!important; color: #fff }
.slate-bg { background-color: #444444!important; color: #fff }
.black-bg { background-color: #181617!important; color: #fff }
.gd-semi-circle-bg { position: relative; overflow: hidden; }
.gd-semi-circle-bg::before { content: ""; position: absolute; width: 1306px; height: 362px; border-radius: 100%; top: -173px; left: 50%; transform: translateX(-50%); opacity: 0.08; filter: blur(3rem); background: linear-gradient(90deg, rgba(254, 27, 186, 0.63) 8.85%, rgba(247, 104, 8, 0.63) 32.37%, rgba(102, 71, 240, 0.63) 72.28%, rgba(1, 146, 255, 0.63) 90%); }
.black-bg a { color: #fff }
.mob-gd-bg {color: #181617; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.67%, #FAD2E6 45.34%, #cad9ffd4 63.42%, rgba(255, 255, 255, 0)); }
.mob-gd-bg.position-fixed { background: linear-gradient(90deg, #ffffff 11.67%, #FAD2E6 45.34%, #cad9ff 63.42%, #ffffff 100%) !important;}
.bg-lt { background-position: left top!important }
.bg-rt { background-position: right top!important }
.bg-center { background-position: center center!important }
.text-red { color: #e11f27!important }
.text-black { color: #181617!important }
.text-white { color: #ffffff!important }
.text-blue { color: #175c9f!important }
.text-hover-black:hover { color: #181617!important }
.text-normal { text-transform: none!important }
.img-caption { font-size: 13px; line-height: 1.5; color: #333; margin: 5px }
.border-t-red { border-top: 6px solid #e11f27!important }
.border-b-red { border-bottom: 6px solid #e11f27!important }
.border-t-color, .border-b-color { position: relative }
.border-t-color ::after { top: 0 }
.border-b-color::after { bottom: 0 }
.border-b-color::after { content: ""; position: absolute; right: 0; left: 0; z-index: 1; background: linear-gradient(90deg, #f53843 0%, #2f5795 100%); height: 6px; width: 100% }
.rounded-5, .rounded-xl { border-radius: 10px!important }
.main-bg { position: relative; overflow: hidden; min-height: auto; background: linear-gradient(178.82deg, rgba(253, 254, 255, 0.73) -6.25%, rgba(255, 141, 197, 0.73) 33.61%, rgba(173, 219, 254, 0.73) 61.34% 61.34% , rgba(255, 255, 255, 0.73) 96.58%); }
.main-bg::before { width: 80%; height: 90%; border-radius: 50%; background: #ffffff; content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; transform: scale(1.4); filter: blur(2rem); }
.gd-full-bg { background: linear-gradient(81.84deg, rgba(255, 255, 255, 0.4) -12.58%, rgba(222, 237, 254, 0.4) 37.67%, rgba(255, 225, 238, 0.4) 80.12%, rgba(255, 251, 253, 0.4) 95.12%); }
.learn_more { position: relative; text-decoration: none; color: #e11f27; transition: ease-in-out .5s }
.learn_more::after { width: calc(100% - 20px); height: 1px; background: #e11f27; position: absolute; left: 0; bottom: -3px; content: ''; transition: ease-in-out .5s }
.learn_more:hover { text-decoration: none; color: #181617 }
.learn_more:hover::after { width: 100%; background: #e11f27 }
.text-shadow { text-shadow: 1px 1px 2px #111 }
.hover-shadow, .box-scale { transition: all 0.3s }
.box-shadow { -webkit-box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5); -moz-box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5); box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5); transition: all 0.3s }
.box-shadow:hover, .hover-shadow:hover { -webkit-box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3); -moz-box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3); box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3) }
.box-scale:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) }
.table-borderless td, .table-borderless th { border: 0; padding: 10px }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.loading { position: relative }
.loading::before { content: ''; background-image: url(../image/loading.gif); background-repeat: no-repeat; background-position: 45% 50%; position: absolute; width: 50px; height: 50px; top: 40%; left: 45%; background-color: #fff0; z-index: 1 }
.logo { width: 150px; height: 45px; display: inline-block }
.logo-white { background: url(../image/logo-white.png); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='logo-white' x='0' y='0' version='1.1' viewBox='0 0 1007.1 313' xml:space='preserve' %3E%3Cpath d='M670.6 63.3v205.3l-69.5 29.3V63.3h69.5zM491.3 268.6V63.3h69.6v234.6z' fill='%23e11f26' class='st0'%3E%3C/path%3E%3Cpath d='M9 270.8l16.9-26.7c6.4 6.5 14.9 12.1 25.5 16.8C62 265.6 72.6 268 83 268c10.7 0 18.9-2.1 24.6-6.3 5.7-4.2 8.6-9.7 8.6-16.5 0-4.4-1.9-8.1-5.6-11.1-3.8-3-8.6-5.2-14.6-6.8-6-1.6-12.5-3.3-19.7-5.2-7.1-1.9-14.4-3.8-21.8-5.7-7.4-2-14.1-4.6-20.1-8.1-6-3.4-10.8-8.3-14.6-14.7s-5.6-13.9-5.6-22.7c0-14.4 5.9-26.5 17.7-36.3 11.8-9.8 28-14.8 48.6-14.8 25.8 0 47.7 7.9 65.7 23.6L131 169.2c-5.2-6-12.3-10.9-21.2-14.7-8.9-3.8-18.5-5.6-28.7-5.6-9.5 0-17.2 1.9-22.9 5.8-5.7 3.9-8.5 8.8-8.5 14.8 0 3.5 1.5 6.5 4.4 9 2.9 2.5 6.8 4.3 11.7 5.5 4.9 1.2 10.3 2.5 16.5 4 6.1 1.5 12.3 3 18.6 4.6 6.3 1.5 12.5 3.7 18.6 6.4 6.1 2.7 11.6 5.9 16.3 9.5 4.8 3.6 8.6 8.5 11.5 14.6s4.3 13.2 4.3 21.2c0 15.4-6.2 28-18.6 37.8-12.4 9.8-29.6 14.8-51.7 14.8-14.4 0-27.9-2.3-40.5-6.8-12.5-4.4-23.1-10.9-31.8-19.3zM167.8 155.8v-31.7h28V77.5h36.7v46.6h34.3v31.7h-34.3v88.6c0 5.9 1.4 10.8 4.3 14.5 2.8 3.7 6.8 5.6 11.9 5.6 3.3 0 6.5-.6 9.5-1.8 3.1-1.2 5.3-2.6 6.8-4.2l8.7 27.6c-7.6 7.3-19.2 10.9-34.6 10.9-14.1 0-24.8-3.7-32.2-11.2-7.4-7.5-11.1-18.2-11.1-32.2v-97.8h-28zM289.4 208.2c0-16.1 3.6-31 10.8-44.4 7.2-13.5 17.4-24.2 30.5-32.1 13.1-7.9 27.8-11.9 44-11.9 24.9 0 45 8.6 60.1 25.8s22.7 39.3 22.7 66.1v8.7H327.4c1.5 13.4 7 24.5 16.5 33.3 9.5 8.8 22 13.3 37.3 13.3 8.5 0 17.2-1.6 26-4.9 8.8-3.3 16.1-7.8 21.9-13.6l16.6 24.1c-8.3 7.9-18.3 14-30.1 18.1-11.8 4.2-24.5 6.3-38.1 6.3-25.5 0-46.6-8.2-63.2-24.6-16.6-16.4-24.9-37.8-24.9-64.2zm37.7-13.5h95.2c-.2-5.2-1.3-10.4-3.2-15.4-1.9-5.1-4.6-9.9-8.3-14.4-3.6-4.5-8.6-8.2-14.8-10.9-6.2-2.7-13.3-4.1-21.3-4.1-7.5 0-14.3 1.3-20.4 4-6.1 2.7-11 6.3-14.7 10.7-3.7 4.5-6.6 9.3-8.7 14.3-2.1 5.1-3.4 10.3-3.8 15.8zM705.5 240.8c0-9.4 1.7-17.7 5.2-24.9 3.4-7.3 8-13 13.7-17.3 5.7-4.3 11.9-7.5 18.7-9.7 6.7-2.2 13.7-3.3 20.8-3.3 23.9 0 42.1 7.4 54.5 22.1v-25c0-9.6-3.6-17.2-10.9-22.8-7.2-5.6-16.8-8.4-28.6-8.4-18.9 0-35.5 6.9-49.9 20.7l-14.9-25c19.2-18.3 42.8-27.4 70.8-27.4 9.8 0 18.8 1.1 26.9 3.3s15.5 5.6 22.1 10.2c6.6 4.6 11.8 11 15.5 19.1 3.8 8.1 5.6 17.7 5.6 28.6v111.7h-36.7v-18.5c-6.4 7.3-14.3 12.9-23.7 16.9-9.4 3.9-19.7 5.9-30.9 5.9-7 0-13.9-1.2-20.7-3.6-6.8-2.4-13-5.9-18.8-10.4-5.7-4.5-10.3-10.4-13.7-17.7-3.3-7.3-5-15.4-5-24.5zm36.6.7c0 8.9 3.4 16.1 10.2 21.6 6.8 5.5 15.4 8.2 25.9 8.2 8.3 0 16.1-1.5 23.2-4.5 7.2-3 12.8-7.2 16.9-12.8v-25.4c-4.1-5.5-9.7-9.8-16.9-12.8s-14.9-4.5-23.2-4.5c-10.5 0-19.1 2.7-25.9 8.2-6.8 5.6-10.2 12.9-10.2 22zM902.6 292.8V124.1h36.7v24.7c6.7-8.4 14.9-15.3 24.6-20.6 9.7-5.3 19.8-8 30.4-8v36.3c-3.1-.7-6.9-1-11.6-1-7.7 0-16 2.2-24.7 6.7-8.8 4.5-15 9.7-18.6 15.6v114.9h-36.8z' fill='%23ffffff' class='st1'%3E%3C/path%3E%3Cpath d='M645.6 13.3h25v25h-25zM695.6 13.3h25v25h-25zM695.6 63.3h25v25h-25z' fill='%23e11f26' class='st0'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 100% auto }
.logo-colored { background: url(../image/logo-colored.png); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='logo-colored' x='0' y='0' version='1.1' viewBox='0 0 1007.1 313' xml:space='preserve' %3E%3Cpath d='M670.6 63.3v205.3l-69.5 29.3V63.3h69.5zM491.3 268.6V63.3h69.6v234.6z' fill='%23e11f26' class='st0'%3E%3C/path%3E%3Cpath d='M9 270.8l16.9-26.7c6.4 6.5 14.9 12.1 25.5 16.8C62 265.6 72.6 268 83 268c10.7 0 18.9-2.1 24.6-6.3 5.7-4.2 8.6-9.7 8.6-16.5 0-4.4-1.9-8.1-5.6-11.1-3.8-3-8.6-5.2-14.6-6.8-6-1.6-12.5-3.3-19.7-5.2-7.1-1.9-14.4-3.8-21.8-5.7-7.4-2-14.1-4.6-20.1-8.1-6-3.4-10.8-8.3-14.6-14.7s-5.6-13.9-5.6-22.7c0-14.4 5.9-26.5 17.7-36.3 11.8-9.8 28-14.8 48.6-14.8 25.8 0 47.7 7.9 65.7 23.6L131 169.2c-5.2-6-12.3-10.9-21.2-14.7-8.9-3.8-18.5-5.6-28.7-5.6-9.5 0-17.2 1.9-22.9 5.8-5.7 3.9-8.5 8.8-8.5 14.8 0 3.5 1.5 6.5 4.4 9 2.9 2.5 6.8 4.3 11.7 5.5 4.9 1.2 10.3 2.5 16.5 4 6.1 1.5 12.3 3 18.6 4.6 6.3 1.5 12.5 3.7 18.6 6.4 6.1 2.7 11.6 5.9 16.3 9.5 4.8 3.6 8.6 8.5 11.5 14.6s4.3 13.2 4.3 21.2c0 15.4-6.2 28-18.6 37.8-12.4 9.8-29.6 14.8-51.7 14.8-14.4 0-27.9-2.3-40.5-6.8-12.5-4.4-23.1-10.9-31.8-19.3zM167.8 155.8v-31.7h28V77.5h36.7v46.6h34.3v31.7h-34.3v88.6c0 5.9 1.4 10.8 4.3 14.5 2.8 3.7 6.8 5.6 11.9 5.6 3.3 0 6.5-.6 9.5-1.8 3.1-1.2 5.3-2.6 6.8-4.2l8.7 27.6c-7.6 7.3-19.2 10.9-34.6 10.9-14.1 0-24.8-3.7-32.2-11.2-7.4-7.5-11.1-18.2-11.1-32.2v-97.8h-28zM289.4 208.2c0-16.1 3.6-31 10.8-44.4 7.2-13.5 17.4-24.2 30.5-32.1 13.1-7.9 27.8-11.9 44-11.9 24.9 0 45 8.6 60.1 25.8s22.7 39.3 22.7 66.1v8.7H327.4c1.5 13.4 7 24.5 16.5 33.3 9.5 8.8 22 13.3 37.3 13.3 8.5 0 17.2-1.6 26-4.9 8.8-3.3 16.1-7.8 21.9-13.6l16.6 24.1c-8.3 7.9-18.3 14-30.1 18.1-11.8 4.2-24.5 6.3-38.1 6.3-25.5 0-46.6-8.2-63.2-24.6-16.6-16.4-24.9-37.8-24.9-64.2zm37.7-13.5h95.2c-.2-5.2-1.3-10.4-3.2-15.4-1.9-5.1-4.6-9.9-8.3-14.4-3.6-4.5-8.6-8.2-14.8-10.9-6.2-2.7-13.3-4.1-21.3-4.1-7.5 0-14.3 1.3-20.4 4-6.1 2.7-11 6.3-14.7 10.7-3.7 4.5-6.6 9.3-8.7 14.3-2.1 5.1-3.4 10.3-3.8 15.8zM705.5 240.8c0-9.4 1.7-17.7 5.2-24.9 3.4-7.3 8-13 13.7-17.3 5.7-4.3 11.9-7.5 18.7-9.7 6.7-2.2 13.7-3.3 20.8-3.3 23.9 0 42.1 7.4 54.5 22.1v-25c0-9.6-3.6-17.2-10.9-22.8-7.2-5.6-16.8-8.4-28.6-8.4-18.9 0-35.5 6.9-49.9 20.7l-14.9-25c19.2-18.3 42.8-27.4 70.8-27.4 9.8 0 18.8 1.1 26.9 3.3s15.5 5.6 22.1 10.2c6.6 4.6 11.8 11 15.5 19.1 3.8 8.1 5.6 17.7 5.6 28.6v111.7h-36.7v-18.5c-6.4 7.3-14.3 12.9-23.7 16.9-9.4 3.9-19.7 5.9-30.9 5.9-7 0-13.9-1.2-20.7-3.6-6.8-2.4-13-5.9-18.8-10.4-5.7-4.5-10.3-10.4-13.7-17.7-3.3-7.3-5-15.4-5-24.5zm36.6.7c0 8.9 3.4 16.1 10.2 21.6 6.8 5.5 15.4 8.2 25.9 8.2 8.3 0 16.1-1.5 23.2-4.5 7.2-3 12.8-7.2 16.9-12.8v-25.4c-4.1-5.5-9.7-9.8-16.9-12.8s-14.9-4.5-23.2-4.5c-10.5 0-19.1 2.7-25.9 8.2-6.8 5.6-10.2 12.9-10.2 22zM902.6 292.8V124.1h36.7v24.7c6.7-8.4 14.9-15.3 24.6-20.6 9.7-5.3 19.8-8 30.4-8v36.3c-3.1-.7-6.9-1-11.6-1-7.7 0-16 2.2-24.7 6.7-8.8 4.5-15 9.7-18.6 15.6v114.9h-36.8z' fill='%23181617' class='st1'%3E%3C/path%3E%3Cpath d='M645.6 13.3h25v25h-25zM695.6 13.3h25v25h-25zM695.6 63.3h25v25h-25z' fill='%23e11f26' class='st0'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 100% auto }
.navbar-main.navbar { padding: .7rem 0 1.1rem; background-color: transparent!important; border-bottom: 1px solid #ddd; z-index: 15; width: 100% }
.stellar_logo a { position: relative }
.stellar_logo a:before { width: 1px; height: 100%; background: linear-gradient(0deg, #fff0 0%, #d0d0d0 50%, #fff0 100%); position: absolute; right: -15px; top: 7px; margin: auto; content: '' }
.stellar_logo .exp_text { font-size: 12px; line-height: 1; color: #737373; padding-left: 15px; padding-top: 10px }
.stellar_logo .exp_text span { display: block; background: linear-gradient(147deg, #f53843 10%, #2f5795 68%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0; background-clip: text; text-fill-color: #fff0; font-size: 16px; font-weight: 700; font-family: 'Montserrat'; padding-bottom: .35rem }
.navbar-top { background-color: transparent !important; font-size: 13px; color: #181617; position: relative; align-items: center; padding: 5px 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.67%, #FAD2E6 45.34%, #cad9ffd4 63.42%, rgba(255, 255, 255, 0)) !important; width: 100%; }
.navbar-top #top-menu>li { padding: 0 10px; } 
.navbar-top #top-menu>li>a { color:#181617; text-decoration: none; position: relative; } 
.navbar-top #top-menu>li>a::before { content: ""; position: absolute; width: 0%; height: 1px; top: 100%; right: 0; background-color: #fff; transition: all 0.3s ease-in-out 0s; transform-origin: left center }
.navbar-top #top-menu>li>a:hover::before,.navbar-top #top-menu>li.dropdown.show>a::before { width: 100%; left: 0 }
.navbar-top .navbar-brand img, .navbar-top .navbar-brand svg { max-width: 150px }
.navbar-main #main-menu { margin-left: 6% }
.navbar-main #main-menu>li { padding: 0 20px 0 0; position: static }
.navbar-main #main-menu>li>a { background-color: #fff0; font-weight: 700; color: #181617; font-size: 14px; padding: 15px 0 8px 0; position: relative; z-index: 2; cursor: pointer }
/* .navbar-main #main-menu>li>a {
    background-color: #fff0;
    font-family: 'Open Sans',arial,sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    padding: 10px 0 2px 0;
    position: relative;
    z-index: 2;
    cursor: pointer
} */

.navbar-main #main-menu>li>a.dropdown-toggle::after { display: none; }
.navbar-main #main-menu>li>a::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    top: 100%;
    right: 0;
    background-color: #e11f27;
    transition: all 0.3s ease-in-out 0s;
    transform-origin: left center
}

.navbar-main #main-menu>li>a:hover::before,.navbar-main #main-menu>li.dropdown.show>a::before {
    width: 100%;
    left: 0
}


/* .navbar-main #main-menu>li>a::before { content: ""; position: absolute; width: 100%; height: 3px; top: calc(100% - 3px); left: 0; background-color: #e11f27; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transition: all 0.3s ease-in-out 0s } */
/* .navbar-main #main-menu>li>a:hover::before, .navbar-main #main-menu>li.dropdown.show>a::before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } */
.navbar-main #right-menu>li { font-size: 13px; }
.navbar-main #right-menu>li>a { padding: 5px; z-index: 2; position: relative; cursor: pointer }
.navbar-main #right-menu .dropdown-item, .navbar-top #top-menu .dropdown-item { font-size: 13px; padding: .2rem 1rem }
.navbar-main #right-menu>li>a.dropdown-toggle::after, .navbar-top #right-menu>li>a.dropdown-toggle::after { font-size: 14px; vertical-align: .15em }
.navbar-main #main-menu .dropdown:after, .navbar-main #right-menu .dropdown:after, .navbar-top #right-menu .dropdown:after { content: ''; top: 101px; right: 0; bottom: 0; left: 0; transition: opacity .15s ease-in-out; opacity: 0; visibility: hidden; background-color: rgb(0 0 0 / .7); pointer-events: none }
.navbar-main #main-menu .dropdown.show:after, .navbar-main #right-menu .dropdown.show:after, .navbar-top #right-menu .dropdown.show:after { z-index: 1; opacity: 1; visibility: visible; position: fixed }
.call-icon { background: url(../image/sprites.png) no-repeat 0 -23px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; margin-top: 2px }
.call-icon-dark { background: url(../image/sprites.png) no-repeat 0 0; width: 22px; height: 21px; display: inline-block; vertical-align: middle; margin-top: 2px }
.location-icon { background: url(../image/sprites.png) no-repeat -39px -24px; width: 25px; height: 23px; display: inline-block; vertical-align: middle }
.location-icon-dark { background: url(../image/sprites.png) no-repeat -39px 0; width: 25px; height: 23px; display: inline-block; vertical-align: middle }
.globe-icon { background: url(../image/sprites.png) no-repeat -192px 0px; width: 23px; height: 21px; display: inline-block; vertical-align: middle }
.globe-icon-dark { background: url(../image/sprites.png) no-repeat -192px 0; width: 23px; height: 21px; display: inline-block; vertical-align: middle }
.search-icon { background: url(../image/sprites.png) no-repeat -166px -23px; width: 23px; height: 21px; display: inline-block; vertical-align: middle; margin-top: 2px }
.search-icon-dark { background: url(../image/sprites.png) no-repeat -166px 0; width: 23px; height: 21px; display: inline-block; vertical-align: middle; margin-top: 2px }
.icon-sm { -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); transform-origin: 50% 40% }
.icon-md { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); transform-origin: 100% 40% }
.megamenu { padding: 0; margin: 0; border: 1px solid #dee2e6; border-radius: 0; width: 100% }
.megamenu .nav-col { padding-top: 20px; padding-bottom: 30px }
.megamenu .nav-col-heading, .megamenu .nav-col-heading a { font-size: 14px; color: #181617 }
.megamenu .nav-bottom { position: absolute; bottom: 20px; width: 100% }
.megamenu .nav-box { padding: 0 }
.megamenu .submenu-item { display: block; clear: both; margin: 3px 15px; padding: 3px 0 }
.megamenu .submenu-title { display: block; clear: both; font-size: 13px; margin-bottom: 0; font-weight: 400; color: #181617; line-height: 1.3; border-left: 2px solid #e11f27; padding-left: 5px }
.megamenu .submenu-desc { display: block; clear: both; font-size: 12px; font-weight: 400; color: #333; line-height: 1.5 }
.megamenu .nav-box:hover .submenu-item { text-decoration: none }
.megamenu .nav-box:hover .submenu-title { color: #e11f27; background-color: #eaeaea }
.navbar-top .navbar-toggler { border: 1px solid #797979 }
.mob-nav-slide { display: none!important }
#mob-nav-close { cursor: pointer; padding-bottom: 10px }
.mob-nav-slide { background: #fff; color: #181617; float: left; height: 100%; right: -500px; padding: 15px; position: fixed; top: 0; width: 95%; max-width: 330px; z-index: 10002; overflow-y: auto; box-shadow: 0 0 10px rgb(0 0 0 / 50%) }
.mob-nav-slide a { color: #181617; text-decoration: none }
.mob-nav-slide a:hover { color: #e11f27 }
.mob-nav-list { margin: 0; padding: 10px 0 }
.mob-nav-list>ul { margin: 0; padding: 0 }
.mob-nav-list>ul ul { padding-left: 20px }
.mob-nav-list li { background: #fff0 none repeat scroll 0 0; border-top: 1px solid #ddd; display: block; list-style: outside none none }
/* .mob-nav-list li:last-child { border-bottom: 1px solid #ddd } */
.mob-nav-list li a { display: block; font-size: 14px; padding: 8px 0; border-bottom: none }
.mob-nav-list li a:hover { text-decoration: none; background-color: #fff0 }
.mob-nav-list li a:focus { text-decoration: none; outline: none }
.mob-nav-list>ul ul { display: none }
.mob-nav-list>ul ul li a { font-size: 14px }
.mob-nav-list li .caret { display: inline-block; border-left: 6px solid #fff0; border-right: 6px solid #fff0; border-top: 6px solid #181617; margin-left: 5px }
.register-btn .dropdown-toggle{ transition:none;}
.register-btn .dropdown-toggle:hover, .register-btn .dropdown-toggle:focus, .register-btn .dropdown-toggle:active, .register-btn.show>.btn-primary.dropdown-toggle { color: #474646 !important; background-color: transparent !important; border-color: unset !important; border: 1px solid transparent; border-radius: 6px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(169deg, #000000a1 10%, #7a7a7a69 96%) border-box; box-shadow: -1px 0px 17.7px 2px #FFC0C4; }
.register-btn .dropdown-menu { padding-top:0; top: calc(100% - 2px) !important;}
.register-btn .dropdown-menu .dropdown-item {padding: .3rem 1rem !important;}
/* .register-btn .dropdown-menu .dropdown-item:hover{ background-color:#e11f27; color:#ffffff;} */
.contact-phone { display: none; background: #181617 }
.contact-phone { text-align: center }
.phone-block { font-size: 30px; font-weight: 300; line-height: 1.5; margin-left: 20px; background-image: url(../image/call-icon.png); background-repeat: no-repeat; background-position: 10px center; display: inline-block; padding-left: 35px; color: #fff }
.phone-block a { color: #fff; font-weight: 700; text-decoration: none }
.banner-cont { background-color: transparent; background-position: center top; background-repeat: no-repeat; background-size: cover; width: auto!important; margin-top: 0; padding: 4rem 0 4rem; min-height: 480px }
.banner-small { min-height: 30vh; padding: 3rem 0 3rem }
.banner-side-image { position: absolute; left: 100%; top: 0 }
.banner-carousel .banner-carousel-bg { background-position: center top; background-repeat: no-repeat; background-size: cover }
.banner-carousel .carousel-item { height: 34rem }
.banner-carousel .carousel-item .carousel-caption { color: inherit; width: 95%; left: auto; right: auto; bottom: initial; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 }
.banner-carousel .carousel-indicators { bottom: 7% }
.banner-carousel .carousel-indicators li { height: 7px }
.banner-carousel .carousel-indicators .active { background-color: #e11f27 }
.banner-carousel .carousel-control-next, .banner-carousel .carousel-control-prev { z-index: 1; width: 5% }
.banner-carousel .carousel-item h1, .banner-carousel .carousel-item .h1, .banner-cont h1, .banner-cont .h1 { font-size: 40px; font-weight: 700; line-height: 1.2; margin-bottom: 15px; }
.banner-carousel .carousel-item h1.small, .banner-cont h1.small, .banner-small h1 { font-size: 38px; line-height: 1.2!important; font-weight: 600!important; margin-bottom: 1.2rem; padding-top: 0 }
.banner-carousel .carousel-item i, .banner-cont i { font-style: normal }
.banner-carousel .carousel-item h2, .banner-carousel .carousel-item .h2, .banner-cont h2, .banner-cont .h2 { font-size:18px; font-weight: 400; margin: 3% 0 5%; padding-top: 0 }
.banner-cont h2 strong, .banner-cont .h2 strong, .banner-cont h2 b, .banner-cont .h2 b { font-weight: 600 }
.carousel-multi-item .carousel-item { padding-top: 2rem; padding-bottom: 4rem }
.carousel-multi-item .carousel-control-next, .carousel-multi-item .carousel-control-prev { width: 30px }
.section-light .carousel-control-next, .section-light .carousel-control-prev, .carousel-control-next.dark-arrow, .carousel-control-prev.dark-arrow { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%) }
.section-light .carousel-indicators li { background-color: #333 }
.text-grey { color: #726E6E !important; }
.text-grey-light { color: #454545 !important; }
.actions-bar { padding: 0; background-color: #fff; position: sticky; top: 0; z-index: 11; display: none }
.actions-bar.actionbar-fixed { box-shadow: 0 0 10px rgb(0 0 0 / .5) }
.actions-bar .btn+.btn { margin-left: 5px }
.actions_list { max-height: 60px; overflow: hidden }
.actions_list li { margin: 0; padding: 0; font-size: 14px; font-weight: 700 }
.actions_list li a { padding: 13px 10px 13px; line-height: 2.5; color: #181617; position: relative }
.actions_list li a img { max-height: 25px }
.actions_list li:first-child { margin-left: 0 }
.actions_list li:last-child { margin-right: 0 }
.actions_list li a::before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 1px; left: 0; background-color: #e11f27; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transition: all 0.3s ease-in-out 0s }
.actions_list li a.active::before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) }
.btn { border-radius: 4px; padding: 12px 15px; font-weight: 600; border: none; transition-duration: 0.3s; transition-property: background, border; margin-bottom: 5px; position: relative; overflow: hidden; line-height: 1.4 }
.btn:before, #goTop:before, .btn::before, #goTop::before, .vc-darkhoverbox-link a::before { transition: transform 0.35s cubic-bezier(.162, .85, .45, 1); content: ''; position: absolute; top: 50%; left: 50%; background-color: rgb(255 255 255 / .1); -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); border-radius: 50%; width: 110%; height: 0; padding-bottom: 110% }
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus { box-shadow: none }
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { color: none; background-color: none; border-color: none }

@media screen and (prefers-reduced-motion:reduce) {
.btn:before, #goTop:before, .btn::before, #goTop::before, .vc-darkhoverbox-link a::before { transition: none }
}
.btn:hover:before, #goTop:hover:before, .btn:hover::before, #goTop:hover::before, .vc-darkhoverbox-link a:hover::before { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) }
.btn-secondary { border: 1px solid #6c757d }
.btn-default { background-color: #fff; color: #181617; border: 1px solid #fff; box-shadow: none }
.btn-default:hover, .btn-default:focus, .btn-default.active { background-color: #fff; color: #181617; border: 1px solid #fff; box-shadow: none }
.btn-primary, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active { background-color: #e11f27; color: #fff; border: 1px solid #e11f27; box-shadow: none }
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active { background-color: #e11f27; color: #fff; border: 1px solid #e11f27; box-shadow: none }
.btn-info, .btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active { background-color: #181617; color: #fff; border: 1px solid #181617; box-shadow: none }
.btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active { background-color: #181617; color: #fff; border: 1px solid #181617; box-shadow: none }
.btn-download, .btn-download.disabled, .btn-download[disabled], .btn-download.disabled:hover, .btn-download[disabled]:hover, .btn-download.disabled:focus, .btn-download[disabled]:focus, .btn-download.disabled:active, .btn-download[disabled]:active { background-color: #099e44; color: #fff; border: 1px solid #099e44; box-shadow: none; padding: 4px 15px 14px 15px }
.btn-download:hover, .btn-download:focus, .btn-download.active { background-color: #099e44; color: #fff; border: 1px solid #099e44; box-shadow: none }
.btn-download span { font-size: 12px; font-weight: 500; display: block; position: absolute; left: 40px }
.btn-download>img { float: left; margin-top: 8px; margin-right: 12px }
.btn-green, .btn-green.disabled, .btn-green[disabled], .btn-green.disabled:hover, .btn-green[disabled]:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, .btn-green.disabled:active, .btn-green[disabled]:active { background-color: #099e44; color: #fff; border: 1px solid #099e44; box-shadow: none }
.btn-green:hover, .btn-green:focus, .btn-green.active { background-color: #099e44; color: #fff; border: 1px solid #099e44; box-shadow: none }
.btn-wire { border-width: 1px; border-style: solid; background-color: #fff0 }
.btn-wire.btn-default { border-color: #fff; color: #fff }
.btn-wire.btn-default:hover, .btn-wire.btn-default:focus { border-color: #fff; color: #181617 }
.btn-wire.btn-primary { border-color: #e11f27; color: #e11f27 }
.btn-wire.btn-primary:hover, .btn-wire.btn-primary:focus { border-color: #e11f27; color: #fff }
.btn-wire.btn-info { border-color: #181617; color: #181617 }
.btn-wire.btn-info:hover, .btn-wire.btn-info:focus, .btn-wire.btn-info.active { border-color: #181617; color: #fff }
.btn-wire.btn-download { border-color: #099e44; color: #099e44 }
.btn-wire.btn-download:hover, .btn-wire.btn-download:focus, .btn-wire.btn-download.active { border-color: #099e44; color: #fff }
.btn-wire.btn-green { border-color: #099e44; color: #099e44 }
.btn-wire.btn-green:hover, .btn-wire.btn-green:focus, .btn-wire.btn-green.active { border-color: #099e44; color: #fff }
.btn-wire.btn-light { border-color: #fff; color: #fff }
.btn>img { display: inline-block!important; max-height: 20px; vertical-align: middle; margin-right: 7px }
.btn svg, .btn i { width: 20px; height: 20px; transition: all 0.35s; vertical-align: text-bottom; line-height: 1 }
.btn svg, .btn.btn-right-icon svg, .btn i, .btn.btn-right-icon i { margin-left: 5px; margin-right: 0 }
.btn.btn-left-icon svg, .btn.btn-left-icon i { margin-right: 5px; margin-left: 0 }
.btn i:before { transition: all 0.35s }
.btn:hover svg, .btn.btn-right-icon:hover svg, .btn:hover i:before, .btn.btn-right-icon:hover i:before { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) }
.btn.btn-left-icon:hover svg, .btn.btn-left-icon:hover i:before { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px) }
.btn.btn-round { border-radius: 50px!important }
.btn-sm, .btn-xs { border-width: 1px!important }
.btn.btn-lg>img { height: 20px }
.btn-lg, .btn-group-lg>.btn { padding: 15px 25px; font-size: 1.35rem }
.btn-lg.btn-download, .btn-group-lg>.btn.btn-download { padding: 6px 25px 19px }
.btn-lg.btn-download span, .btn-group-lg>.btn.btn-download span { left: 58px }
.btn-lg.btn-download>img, .btn-group-lg>.btn.btn-download img { margin-top: 11px; height: 24px; max-height: 25px; margin-right: 10px }
.btn-big, .btn-group-big>.btn { padding: 25px 30px; font-size: 24px }
.btn.btn-big>img { height: 26px }
.btn-big.btn-download, .btn-group-big>.btn.btn-download { padding: 16px 20px 32px }
.btn-big.btn-download span, .btn-group-big>.btn.btn-download span { left: 55px }
.btn-big.btn-download>img, .btn-group-big>.btn.btn-download img { margin-top: 11px; height: 24px; max-height: 26px; margin-right: 10px }
.btn-sm, .btn-group-sm>.btn { padding: 10px 10px 9px }
.btn.btn-sm>img { height: 16px; margin-right: 7px }
.btn-sm.btn-download, .btn-group-sm>.btn.btn-download { padding: 3px 10px 11px }
.btn-sm.btn-download span, .btn-group-sm>.btn.btn-download span { left: 33px; bottom: 2px; font-size: 10px }
.btn-xs, .btn-group-xs>.btn { padding: 2px 5px; font-size: 12px }
.btn.btn-xs>img { height: 13px; margin-right: 5px; margin-top: 1px }
.btn-xs.btn-download span { display: none }
.light-icon, .btn-primary:hover>img, .btn-primary:focus>img, .btn-primary.active>img, .btn-download:hover>img, .btn-download:focus>img, .btn-download.active>img, .btn-green:hover>img, .btn-green:focus>img, .btn-green.active>img, .btn-info:hover>img, .btn-info:focus>img, .btn-info.active>img { -webkit-filter: brightness(100); -moz-filter: brightness(100); -o-filter: brightness(100); -ms-filter: brightness(100); filter: brightness(100) }
.btn-call { padding: 6px 15px }
.btn-call .btn-text { display: block; font-size: 10px; text-align: end; line-height: 1.2 }
.btn-call.btn-sm { padding: 3px 10px 3px }
.btn-call.btn-lg { padding: 8px 25px }
.btn-call.btn-lg .btn-text { font-size: 12px }
.btn-gd-buy { color: #181617; background: linear-gradient(93.29deg, #FFFFFF 1.36%, #FFFFFF 58.32%) padding-box, linear-gradient(90deg, rgba(254, 27, 186, 1) 0%, rgba(102, 71, 240, 1) 58%, rgba(1, 146, 255, 1) 100%) border-box; border: 2px solid transparent; }
.btn-gd-buy:hover, .btn-gd-buy:focus, .btn-gd-buy.active { color: #fff; background: linear-gradient(90deg, rgba(254, 27, 186, 1) 0%, rgba(102, 71, 240, 1) 58%, rgba(1, 146, 255, 1) 100%) border-box; box-shadow: none; }
.btn-gd-buy:hover>img, .btn-gd-buy:focus>img, .btn-gd-buy.active>img{-webkit-filter: brightness(100); -moz-filter: brightness(100); -o-filter: brightness(100); -ms-filter: brightness(100); filter: brightness(100);}
.btn-gradient-quote, .btn-gradient-quote:hover, .btn-gradient-quote:active, .btn-gradient-quote:focus { background: linear-gradient(89.54deg, #2A64F6 15.84%, #A935FF 52.42%, #E72578 92.69%); color: #fff; border-radius: 10px; line-height: 28px; }
.btn-gradient-call { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #2a64f6 5%, #a935ff 46%, #e72578 81%) border-box; box-shadow: -1px 0px 41.7px 2px #FFC0C4; border-radius: 10px; color: #181617; border: 1px solid transparent; line-height: 18px; letter-spacing: 2%; font-weight: 700; }
.btn-lg.btn-gradient-call { padding: 3px 20px 14px; font-size: 24px; }
.btn-lg.btn-gradient-call img { margin-top: 10px; height: 30px; max-height: 30px; margin-right: 13px; }
.btn-gradient-call span { color: #666666; letter-spacing: 0.2%;  font-weight: 500; display: block; position: absolute; }
.btn-lg.btn-gradient-call span { margin-top: -8px; font-size: 14px; left:60px; }
.btn-md.btn-gradient-call { padding: 5px 15px 15px; font-size: 18px; }
.btn-md.btn-gradient-call img { margin-top: 11px; height: 20px; max-height: 20px; margin-right: 10px; }
.btn-md.btn-gradient-call span { margin-top: -8px; font-size: 12px; left: 42px; }
.btn-sm.btn-gradient-call { padding: 5px 10px 12px; font-size: 14px; margin-bottom: 0; }
.btn-sm.btn-gradient-call img { margin-top: 4px; height: 15px; max-height: 15px; margin-right: 8px; }
.btn-sm.btn-gradient-call span { margin-top: -8px; font-size: 10px; left: 32px; }
.btn-gradient-call:hover, .btn-gradient-call:active, .btn-gradient-call:focus { color: #181617; background: linear-gradient(60deg, #e8efff -10% 50%) padding-box padding-box, linear-gradient(60deg, #2a64f6 0% 100%) border-box; box-shadow: -1px 0 41.7px 2px #2a64f666; }
.register-btn .btn-primary{color: #040101; border: 1px solid transparent; border-radius: 6px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(169deg, #000000a1 10%, #7a7a7a69 96%) border-box; box-shadow: -1px 0px 17.7px 2px #FFC0C4;}
.btn-gradient { border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(169deg, #000000a1 10%, #7a7a7a69 96%) border-box; box-shadow: -2px 0px 17.7px 2px #FFC0C4; }
 .btn-gradient i::before { background: linear-gradient(90deg, #2A64F6 2.5%, #A935FF 53.71%, #E72578 97.69%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; -webkit-text-stroke: 0 !important; }
.small-title { font-size: 16px; font-family: 'Montserrat', arial, sans-serif; font-weight: 700; line-height: 1.2; color: #e11f27; margin-bottom: 10px }
.title-underline { position: relative; margin-bottom: 30px!important; padding-bottom: 20px }
.title-underline::after { content: ""; position: absolute; width: 100px; max-width: 20%; height: 1px; bottom: 0; left: 0; border-bottom: 5px solid #e11f27 }
.title-underline.text-center::after, .text-center>.title-underline::after, .title-underline[style*="text-align: center"]::after, .title-underline[style*="text-align:center"]::after { left: 46% }
.bullet, .no-bullet { margin: 0 0 1rem; padding: 0 }
.bullet li { line-height: 1.5; list-style: outside none none; margin: 0; padding: 0 0 6px 20px; text-align: left; position: relative }
ol.bullet>li { list-style: auto; padding: 0 0 6px 3px; margin: 6px 0 0 17px }
ol.bullet>li:before { background: none }
.bullet li:before { background: url(../image/sprites.png) no-repeat -23px -24px; width: 10px; height: 10px; display: block; position: absolute; content: " "; top: 6px; left: 0 }
.bullet-colored li:before { background: url(../image/sprites.png) no-repeat -23px -15px; width: 10px; height: 10px; display: block; position: absolute; content: " "; top: 6px; left: 0 }
.bullet-black li:before { background: url(../image/sprites.png) no-repeat -23px -33px; width: 10px; height: 10px; display: block; position: absolute; content: " "; top: 6px; left: 0 }
.bullet-tick li { padding-left: 25px }
.bullet-tick li:before { background: url(../image/sprites.png) no-repeat -23px -1px; width: 14px; height: 14px; display: block; position: absolute; content: " "; top: 5px; left: 0 }
.bullet-green li, .bullet-cross li { padding-left: 35px }
.bullet-green li:before { background: url(../image/sprites.png) no-repeat -127px 0; width: 18px; height: 17px; display: block; position: absolute; content: " "; top: 3px; left: 0 }
.bullet-cross li:before { background: url(../image/sprites.png) no-repeat -147px 0; width: 18px; height: 17px; display: block; position: absolute; content: " "; top: 3px; left: 0 }
.bullet-right li:before { background: url(../image/bullet.png) no-repeat; width: 14px; height: 14px; display: block; position: absolute; content: " "; top: 5px; left: 0 }
.no-bullet li { line-height: 1.5; list-style: outside none none; margin: 10px 0; padding: 0 }
ol ol, ol ul, ul ol, ul ul { margin-top: 10px!important; margin-bottom: 0!important }
.bullet-grey { padding-left: 18px; } .bullet-grey li { line-height: 1.5; margin: 6px 0; text-align: left; position: relative } .bullet-grey li::marker { color: #b2b2b2 }
.client-title { font-size: 35px; font-weight: 300 }
.glob_lr { padding: 0 4.3rem }
.fw700 { font-weight: 700 }
.comparison ul { display: flex; max-width: 100%; overflow-x: scroll; top: 0; z-index: 10; padding-bottom: 24px }
.comparison ul li { list-style: none; flex: 1; padding-bottom: 20px }
.comparison ul li:last-child { border-right: 1px solid #DDD }
.comparison_table_sec button { border: none; color: #181617; background: #d2d2d2; display: inline-block; margin: 0 10px; padding: 6px 20px; border-radius: 20px }
.comparison_table_sec button:focus { outline: 0 }
.comp-download-btn { display: block; font-size: 12px; border-radius: 3px; box-sizing: border-box; padding: 8px 7px; color: #fff; font-weight: 600; letter-spacing: .5px; position: relative; overflow: hidden; text-align: center; background: #099e44; white-space: nowrap; margin: 5px 0; width: 100%; border: solid 2px #099E44 }
.comp-download-btn:hover { color: #099e44; color: #fff; text-decoration: none }
.comparison_table tr td:first-child { text-align: left }
.comparison_table tr { border-bottom: solid 1px #c2c2c2 }
.comparison_table .dot { display: inline-block }
.comparison_table tr td { padding: 15px 5px; text-align: center }
.comparison_table .dot:after { content: "" }
.comparison_table .dot:after { content: ""; display: block; width: 9px; height: 15px; border: solid #099e44; border-radius: 3px; border-width: 0 3px 3px 0; transform: rotate(45deg) }
.comparison_table .buy_btn { display: block; font-size: 13px; border-radius: 3px; background: #e11f26; box-sizing: border-box; padding: 0; color: #fff; font-weight: 600; letter-spacing: .5px; position: relative; overflow: hidden; border: solid 2px #e11f26; text-align: center; margin: 10px auto }
.comparison_table tr:hover { background: #dddcdd }
.comparison_table .buy_btn:before { position: absolute; content: ""; width: 100%; height: 0; background: #ec3c43; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-40deg); z-index: 0; transition: 0.3s ease }
.comparison_table .buy_btn:focus span, .comparison_table .buy_btn:hover { color: #fff }
.comp-buynow { display: block; font-size: 13px; border-radius: 3px; box-sizing: border-box; color: #e11f26; font-weight: 600; letter-spacing: .5px; position: relative; overflow: hidden; border: solid 2px #e11f26; text-align: center; transition: all .5s; padding: 7px 5px }
.comp-buynow:hover { color: #fff; text-decoration: none; background-color: #e11f27; border-color: #e11f27 }
.d_block { line-height: 3.0em!important }
.price-head2 th { padding: 20px 0; font-size: 16px }
.price-head2 th:nth-child(2) { background: #f9f9f9 }
.price-head2 th:nth-child(3) { background: #f2f2f2 }
.price-head2 th:nth-child(4) { background: #eee }
.price-head2 th:nth-child(5) { background: #e7e7e7 }
.price-head2 th:nth-child(6) { background: #ddd }
.price-head2 th:nth-child(7) { background: #d4d4d4 }
li.active button { background: #e11f26; color: #fff }
.table { border-collapse: collapse; width: 100%; margin-bottom: 1.5rem }
.comparison_table tbody tr { font-size: 13px }
td.default { display: table-cell }
.comparison_table td+td, .comparison_table th+th { text-align: center; display: none }
.price-head2 th { display: none }
.bottom_unset { border-bottom: hidden!important }
.comparison_table tbody tr td:nth-child(2) { display: table-cell }
.comparison ul::-webkit-scrollbar {
width:80px;
height:5px
}
.comparison ul::-webkit-scrollbar-track {
background:#f1f1f1
}
.comparison ul::-webkit-scrollbar-thumb {
background:#e11f26
}
.comparison ul::-webkit-scrollbar-thumb:hover {
background:#555
}
.call-me { display: none }
.call-me { position: fixed; left: 40px; bottom: 40px; width: 70px; height: 70px; opacity: 1; pointer-events: none; z-index: 10 }
.call-me .call-me-btn { -moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; border-radius: 50%!important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: none; border: 0 solid #fff; cursor: pointer; pointer-events: all; width: 70px; height: 70px; box-shadow: 0 0 30px rgb(0 0 0 / .7) }
.call-me-form { position: fixed; left: 15px; bottom: -10px; width: 300px; height: auto; min-height: 50px; display: none; z-index: 11; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 20px 0; box-shadow: 5px -2px 10px rgb(0 0 0 / .5) }
.call-me-close { position: absolute; top: -35px; right: 0; display: inline-block; cursor: pointer; padding: 2px 15px; font-size: 30px; line-height: 1; color: #fff; text-shadow: 0 0 2px rgb(0 0 0 / .9) }
.columns-2 { height: auto; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; vertical-align: top; margin-top: 10px }
.columns-3 { height: auto; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; vertical-align: top; margin-top: 10px }
.columns-2 li, .columns-3 li { margin-top: 0!important }
.less-section { padding: 30px 0 50px!important }
.covid-note { background-color: #ddd; margin-bottom: 2rem; padding-top: 1rem }
.sidebar-contact .ft-address { width: 100%; background-color: #fff; padding: 25px 20px 20px; border-radius: 10px; font-size: 14px; box-shadow: 0 8px 20px 2px rgb(0 0 0 / 20%) }
.list-three-col { height: auto; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px }
.list-two-col { height: auto; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.call_num_wrapper { padding: 0; display: table; background-color: #F83; margin: 0 auto; border: solid #F83; border-radius: 3px; border-width: 0 6px 0 6px; font-size: 19px }
.call_num_txt { float: left; padding: 15px 15px 23px; background: #fff }
.call_num_phone { float: left; padding: 10px 10px 6px 30px; background-color: #F83; color: #fff; font-weight: 400; text-align: right; font-size: 22px; background-image: url(../image/call-icon.png); background-repeat: no-repeat; background-position: 10px 10px }
.call_num_phone span { font-size: 11px; display: block; line-height: 1.5 }
.call_num_digit { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; background-color: transparent!important; border-bottom: none!important }
.skidder-viewport { position: relative; transition: opacity 0.4s ease-in-out; height: 1000px }
.slideshow .slide { max-width: 700px; margin: auto; width: 100% }
.slideshow .slide img { max-width: 100%; display: block; height: 100%!important }
.skidder-viewport .skidder-wrapper { width: 5000px; position: absolute; z-index: 1 }
.skidder-viewport .skidder-wrapper .skidder-slide { float: left; position: relative; z-index: 0; opacity: .3; transition: opacity 0.2s ease-in-out }
.skidder-viewport .skidder-wrapper .skidder-slide .stet_content { opacity: 0; transition: opacity 1s ease-in-out }
.skidder-viewport.skidder-fade .skidder-wrapper { width: auto; margin: 0 auto }
.skidder-viewport.skidder-fade .skidder-wrapper .skidder-slide { opacity: 0; transition: opacity 0.4s ease-in-out }
.skidder-viewport .skidder-wrapper .skidder-slide.active, .skidder-viewport .skidder-wrapper .skidder-slide.disengage { opacity: 1; z-index: 1 }
.skidder-viewport .skidder-wrapper .skidder-slide.active .stet_content { opacity: 1 }
.skidder-viewport .skidder-clickwrapper { position: absolute; width: 25%; height: 100%; z-index: 4; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.skidder-viewport .skidder-prevwrapper { left: 0 }
.skidder-viewport .skidder-nextwrapper { right: 0 }
.skidder-viewport .skidder-clickwrapper .skidder-clickelement { position: relative; height: 100px; width: 56px; z-index: 5; background-position: center center; display: flex; align-items: center; background-repeat: no-repeat; opacity: .3; transition: opacity 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.skidder-viewport .skidder-clickwrapper:hover .skidder-clickelement { opacity: 1 }
.skidder-viewport .skidder-clickwrapper .skidder-prev { float: left; background-image: url(../image/leftside-arrow.svg); background-position: 0 50% }
.skidder-viewport .skidder-clickwrapper .skidder-next { float: right; background-image: url(../image/rightside-arrow.svg) }
.skidder-viewport .skidder-clickwrapper .skidder-next.jumpback { background-image: url(../image/leftside-arrow.svg) }
.skidder-viewport .skidder-touchwrapper { position: absolute; width: 100%; height: 100%; z-index: 3 }
.skidder-viewport .skidder-pager { display: none; position: relative; top: 92%; margin: 0 auto; z-index: 4; padding: 0 0 15px 0 }
.skidder-viewport .skidder-pager .skidder-pager-dot { display: table-cell; box-sizing: border-box; cursor: pointer; float: left; height: 12px; width: 12px; margin-right: 8px; margin-bottom: 4px; border-radius: 6px; border: 2px solid #fff; text-decoration: none; background-color: #fff0; opacity: 0; transition: opacity 0.2s ease-in-out; box-shadow: 0 0 4px 2px rgb(0 0 0 / .1), 0 0 4px 2px rgb(0 0 0 / .1) inset }
.skidder-viewport .skidder-pager .skidder-pager-dot:last-child { margin-right: 0 }
.skidder-viewport .skidder-pager .skidder-pager-dot:hover, .skidder-viewport .skidder-pager .skidder-pager-dot.active { background-color: #fff; box-shadow: 0 0 4px 2px rgb(0 0 0 / .1) }
.skidder-viewport:hover .skidder-pager .skidder-pager-dot { opacity: 1 }
.screen_shot { overflow: hidden }
.slider_wrapper { margin: 1rem 1rem; display: flex; flex-direction: column; justify-content: flex-start }
.slider_wrapper img { max-width: 100%; margin-left: 0!important; box-shadow: 0 0 10px #ccc; border-radius: 10px }
.slideshow { height: 490px }
.spec-name { font-size: 18px; font-weight: 600 }
.spec_table tr td:first-child { min-width: 200px; padding-left: 0 }
.spec_table tr td { padding: .3rem .5rem; padding-right: 1rem; text-align: left; font-size: 16px }
.servicebox { height: 100%; border-radius: 2px; border: none }
.servicebox.border { border: 1px solid #cccccc!important }
.servicebox.dark-box { background-color: #181617; color: #fff; min-height: 600px }
.servicebox.dark-box .btn-default, .servicebox.fluid-box .btn-default { color: #e11f27 }
.servicebox.fluid-box { background-color: #000; color: #fff; min-height: 480px; overflow: hidden; border-radius: 0; border-right: 1px solid #fff }
.servicebox.fluid-box>.card-img-top { width: 100%; border-radius: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.servicebox.fluid-box .card-img-overlay { padding: 3rem; z-index: 0; top: 30%; transition: all ease-in-out .5s }
.servicebox.fluid-box .card-img-overlay .h1 { font-size: 42px }
.servicebox.fluid-box .card-img-overlay .btn { opacity: 0; transition: all 0.3s ease .3s }
.servicebox.fluid-box:hover .card-img-overlay .btn { opacity: 1 }
.servicebox.fluid-box:hover .card-img-overlay { z-index: 0; top: 15% }
.servicebox.padding-box { padding: 1rem }
.servicebox.padding-box .card-body, .servicebox.padding-box .card-footer { padding-left: 0; padding-right: 0 }
.servicebox.icon-box { padding: 20px 16px 16px; -webkit-box-shadow: 0 5px 15px -10px rgb(0 0 0 / .5); -moz-box-shadow: 0 5px 15px -10px rgb(0 0 0 / .5); box-shadow: 0 5px 15px -10px rgb(0 0 0 / .5); transition: all 0.3s; overflow: hidden }
.servicebox.icon-box:hover { padding-top: 13px; border-top: 7px solid #e11f27!important; -webkit-box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5); -moz-box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5); box-shadow: 0 15px 50px -25px rgb(0 0 0 / .5) }
.servicebox.icon-box .card-body { padding: 0; transition: all 0.3s }
.servicebox.icon-box p:not(.card-title) { font-size: 13px; margin-bottom: 2px; transition: all 0.3s }
.servicebox.icon-box img { max-height: 50px }
.servicebox img { transition: all ease-in-out .3s; border-radius: 0 }
.servicebox>.hover-img { position: absolute; left: 0; right: 0; top: 0; opacity: 0; transition: all ease-in-out .3s }
.servicebox.dark-box>.hover-img { top: auto; bottom: 0 }
.servicebox:hover>.hover-img { opacity: 1 }
.servicebox .card-title span { display: block; clear: both; color: #e11f27 }
.servicebox .card-footer { border: none; background: #fff0 }
.servicebox .card-footer .btn { margin-bottom: 15px }
.servicebox:hover .card-footer .btn-wire.btn-primary { background-color: #e11f27; color: #fff }
.section-bts { background-image: url(../image/banners/stellar-bts-banner.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover; height: 75vh; min-height: 500px }
.section-bts .h1 { line-height: 1.1 }
.rainbow-bg { color: #fff; background: #e11f27; background: -moz-linear-gradient(left, #e11f27 0%, #e0262c 27%, #175c95 75%, #175c95 100%); background: -webkit-linear-gradient(left, #e11f27 0%, #e0262c 27%, #175c95 75%, #175c95 100%); background: linear-gradient(90deg, #f53843 0%, #2f5795 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e11f27', endColorstr='#175c95', GradientType=1)}
.counter_text { font-size: 60px; line-height: 1.3; padding: 0; margin: 0 }
.counter_text sup { font-weight: 400; font-size: 65% }
.fixed_inline_list { float: left; margin: 0; padding: 0; width: 100% }
.fixed_inline_list li { display: inline-block; list-style: outside none none; margin: 0 15px 10px; padding: 0; min-height: 50px; vertical-align: middle; text-align: center }
#goTop { background: rgb(0 0 0 / .8) none repeat scroll 0 0; border-radius: 2px; bottom: 100px; color: #fff; cursor: pointer; display: none; font-size: 16px; font-weight: 600; padding: 5px 14px 10px; position: fixed; right: 5px; text-decoration: none; transition: all 0.3s ease 0s }
#goTop i { color: #fff; font-size: 16px; font-weight: 700; transition: all 0.3s ease 0s }
footer { color: #545454; background: linear-gradient(180deg, rgb(255 255 255) 6%, rgba(255, 230, 231, 1) 30%, rgba(234, 242, 254, 1) 51%, rgba(234, 242, 254, 1) 65%, rgba(255, 230, 231, 1) 117%); padding: 0 0 20px }
.footer-wrapper{ background: linear-gradient(180deg, #e7257850, 33%, #2a64f650 66%, #ffff 100%); padding: 1px; border-radius: 16px 16px 0 0; padding-bottom: 0; position: relative; }
.footer-wrapper:before { width: 200px; height:320px; content: ''; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, #e72578, 50%, #2a64f6 100%); filter: blur(3rem); opacity: .5; }
.footer-wrapper:after { width: 200px; height:320px; content: ''; position: absolute; right: 0rem; bottom: 0; background: linear-gradient(90deg, #e72578, 50%, #2a64f6 100%); filter: blur(3rem); opacity: .5; z-index: 0; }
.footer-container{background: #fff; padding: 0 2rem; border-radius: 15px 15px 0 0; position: relative; z-index: 1; padding-top: 1rem;}
footer h4, footer .h4 { font-weight: 700; font-size: 14px; text-transform: uppercase; color: #545454; margin-bottom: .5rem }
footer a { color: #545454 }
footer .small, footer small { font-size: 12px; color: #545454!important }
footer .ft-address { display: block; width: 100%; color: #181617; font-size: 14px; position: relative }
footer .ft-gradient { position: relative }
.subscribe-box { position: relative; padding: 8px 15px 10px; border: 1px solid #dee2e6; border-radius: 10px; background-color: #f7f7f7; }
.subscribe-box .subscribe_submit { padding: 8px 5px 8px; background-color: #e11f27; color: #fff; font-size: 12px; border-radius: 7px; }
.subscribe-box .subscribe-thankyou { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 1; border-radius: 10px; }
.other_links ul { margin: 0; padding: 0 0 15px }
.other_links li { list-style: none outside none; padding-left: 0; font-size: 14px; line-height: 1.87; margin-bottom: 0; background: none }
.other_links li a { text-decoration: none }
.other_links li a:hover { text-decoration: underline }
.branch-list ul { display: block; margin: 10px 0; padding: 0; text-align: left }
.branch-list li { display: inline-block; font-size: 13px; list-style: none; line-height: 1; text-decoration: none; text-align: center; text-transform: capitalize; padding: 0 6px 0 2px; border-right: 1px solid #a2a2a2 }
.branch-list li:first-child { padding-left: 0 }
.branch-list li:last-child { border-right: none }
.branch-list li a { color: #a2a2a2 }
.branch-list li a:hover { color: #e11f27 }
.social_icons ul { margin: 0; padding: 0; display: table }
.social_icons li { border: none; display: inline-block; list-style: outside none none; margin: 0 9px 0 0; position: relative; float: left }
.social_icons li a { color: #181617; background-color: transparent!important; padding: 10px 5px; display: inline-block; text-align: center; vertical-align: middle; font-size: 22px; transition: all 0.2s ease-in 0s; line-height: .5; width: auto; border-radius: 3px }
.social_icons.colored li .bi { margin-right: auto; color: #919191; font-weight: 500 }
.social_icons.colored .icon-facebook a { background-color: #3a599b }
.social_icons.colored .icon-twitter a { background-color: #14b6f1 }
.social_icons.colored .icon-gplus a { background-color: #b9473a }
.social_icons.colored .icon-linkedin a { background-color: #1A7696 }
.social_icons.colored .icon-rss a { background-color: #e29126 }
.social_icons.colored .icon-youtube a { background-color: #b9473a }
.social_icons.colored .icon-green a { background-color: #099e44 }
.dp-wrap { margin: 0 auto; position: relative; height: 100%; min-height: 500px }
.dp-wrap .dp-slider .dp-item:first-child { z-index: 5!important; transform: rotateY(0deg) translate(0) scale(1)!important }
.dp-wrap .dp-item[data-position="2"] { z-index: 4; transform: rotateY(0deg) translateX(0%) scaleX(1.3) scaleY(.8); opacity: .7 }
.dp-wrap .dp-item[data-position="3"] { z-index: 3; transform: rotateY(0deg) translateX(0%) scaleX(1.4) scaleY(.7); opacity: .6 }
.dp-wrap .dp-item[data-position="4"] { z-index: 2; transform: rotateY(0deg) translateX(0%) scaleX(1.5) scaleY(.6); opacity: .3 }
.dp-wrap .dp-item[data-position="5"] { z-index: 1; transform: rotateY(0deg) translateX(0%) scaleX(1.6) scaleY(.5); opacity: .2 }
.dp-wrap .dp-next, .dp-wrap .dp-prev { position: absolute; top: 200px; right: 0; height: 33px; width: 33px; z-index: 10; cursor: pointer }
.dp-wrap .dp-prev { left: 0; transform: rotate(180deg) }
.dp-wrap .dp-dots { position: absolute; top: 460px; z-index: 1; left: 0%; right: 0; cursor: default; text-align: center; padding-left: 0 }
.dp-wrap .dp-dots li { display: inline-block; width: 30px; height: 7px; background: #e0e0e0 }
.dp-wrap .dp-dots li:hover { cursor: pointer; background: #e11f27; transition: background .3s }
.dp-wrap .dp-dots li.active { background: #e11f27 }
.dp-wrap .dp-item { position: absolute; cursor: pointer; text-align: center; left: 0; right: 0; margin: auto; transition: transform 1.2s; width: 40%; box-sizing: border-box; padding: 20px 45px 0; height: auto; min-height: 420px; display: flex; align-items: center; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 45px #ccc }
.dp-wrap .dp-content { margin: auto; text-align: center }
.dp-wrap .dp-content .profile { position: absolute; top: -40px; left: 0; right: 0; margin: auto; width: 75px }
.custom_tab>.tab-content { padding-top: 2rem }
.custom_tab>.nav-tabs { margin-top: 1rem; border-bottom: 1px solid #ccc }
.custom_tab>.nav-tabs>.nav-link { position: relative; color: #181617!important; font-weight: 700; padding: 15px 5px; cursor: pointer; min-width: 150px; text-align: center }
.custom_tab>.nav-tabs>.nav-link.active, .custom_tab>.nav-tabs>.nav-link:hover, .custom_tab>.nav-tabs>.nav-link.active:focus { border-color: #fff0; background-color: #fff0 }
.custom_tab>.nav-tabs>.nav-link::before { content: ""; position: absolute; width: 100%; height: 3px; bottom: -1px; left: 0; background: linear-gradient(90deg, #2a64f6 5%, #a935ff 46%, #e72578 81%); visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transition: all 0.3s ease-in-out 0s }
.custom_tab>.nav-tabs>.nav-link.active::before, .custom_tab>.nav-tabs>.nav-link:focus::before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) }
.custom_tab.pills-tab>.nav-tabs { margin-top: 1rem; border-bottom: none }
.custom_tab.pills-tab>.nav-tabs>.nav-link { background-color: #e1e1e1; color: dimgray; border-radius: 50px; padding: 16px; margin: 0 10px }
.custom_tab.pills-tab>.nav-tabs>.nav-link.active { background-color: #e11f27; color: #ffffff!important }
.custom_tab.pills-tab>.nav-tabs>.nav-link::before { display: none }
.custom_tab.icon-tab>.nav-tabs { margin-top: 1rem; border-bottom: none }
.custom_tab.icon-tab>.nav-tabs>.nav-link { background-color: #fff; border-radius: 50px; padding: 25px 20px 15px!important; margin: 0 15px 20px; box-shadow: 0 4px 7px 1px rgb(0 0 0 / 25%); border-radius: 15px }
.custom_tab.icon-tab>.nav-tabs>.nav-link.active { background-color: #181617; color: #ffffff!important }
.custom_tab.icon-tab>.nav-tabs>.nav-link.active .text-red, .custom_tab.icon-tab>.nav-tabs>.nav-link.active .text-blue { color: #ffffff!important }
.custom_tab.icon-tab>.nav-tabs>.nav-link img { margin-bottom: 10px }
.custom_tab.icon-tab>.nav-tabs>.nav-link.active img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1) }
.custom_tab.icon-tab>.nav-tabs>.nav-link::before { display: none }
.custom_tab.icon-tab>.nav-tabs>.nav-link.active::after { content: ''; border-left: 20px solid #fff0; display: block; border-right: 20px solid #fff0; border-top: 20px solid #181617; position: absolute; left: 0; right: 0; margin: auto; width: 25px; bottom: -18px }
.scrollbar-tab>.nav-tabs::-webkit-scrollbar { width:2px;height:5px}
.scrollbar-tab>.nav-tabs::-webkit-scrollbar-track { background:#f1f1f1 }
.scrollbar-tab>.nav-tabs::-webkit-scrollbar-thumb { background:#e11f27 }
.circle-tab-group { max-width: 480px; border: none }
.circle-tab-group a { color: #707070; text-align: left; padding-bottom: 20px; display: block; min-height: 135px; position: relative; background: none; border: none; text-decoration: none }
.circle-tab-group a::before { content: ''; width: 1px; height: 100%; position: absolute; left: 37px; top: 0; border-left: 1px dashed #9c9c9c; z-index: 0 }
.circle-tab-group a.active::before { border-left: 1px dashed #e11f27 }
.circle-tab-group a:last-child::before { height: 0; display: none }
.circle-tab-group .circle-tab-icon { float: left; font-size: 26px; justify-content: center; background-color: #fff; border: 1px solid #707070; width: 75px; height: 75px; padding: 10px 0; border-radius: 50%; text-align: center; transition: all .3s; position: relative; z-index: 9 }
.circle-tab-group .circle-tab-icon img { margin: 0 auto }
.circle-tab-group a.active { color: #181617 }
.circle-tab-group a.active .circle-tab-icon { color: #fff; background-color: #e11f27; border: 1px solid #e11f27 }
.circle-tab-group a.active .circle-tab-icon img { filter: brightness(0) invert(1) }
.circle-tab-group .circle-tab-content { padding-left: 100px }
.circle-tab-group .circle-tab-content h4, .circle-tab-group .circle-tab-content .h4 { font-weight: 700 }
.swiper-container-slider3 .swiper-slide { border-color: #cccccc!important; transition: all 0.3s ease-in-out 0s }
.swiper-container-slider3 .swiper-slide:hover { -webkit-box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3); -moz-box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3); box-shadow: 0 15px 25px 5px rgb(0 0 0 / .3) }
.swiper-container-slider3 .romw .romw-author-stars { font-family: 'Open Sans', arial, sans-serif!important }
.swiper-container-slider3 .romw .romw-stars { display: block!important }
.swiper-container-slider3 .romw .romw-date { font-family: 'Open Sans', arial, sans-serif!important; font-size: 13px }
.swiper-container-slider3 .romw .romw-text { font-family: 'Open Sans', arial, sans-serif!important; font-size: 15px; width: 100%; text-align: left }
.swiper-container-slider3 .romw-container .romw-container-wrapper { width: 100% }
table.custom-table th { padding: 17px 15px }
table.custom-table td { border: 1px solid #ccc; padding: 15px }
table.custom-table .thead-dark th { background-color: #181617; color: #fff; border-top: 7px solid #e11f27; border-right: 1px solid #ccc; border-bottom: none!important }
table.custom-table .cell-clean { border-top: none!important; border-right: none!important; border-bottom: none!important; border-left: none!important; border-collapse: collapse; background-color: transparent!important }
.table-bordered td, .table-bordered th { border: 1px solid #ccc }
.table-align-middle td, .table-align-middle th { vertical-align: middle }
.sep-underline { position: relative; margin-bottom: 30px!important }
.sep-underline::after { content: " "; background: url(../image/sprites.png) no-repeat 0 -48px; width: 143px; height: 3px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -15px }
/* .faq-wrapper .accordion-wrapper { margin-bottom: 15px; box-shadow: 0 0 5.22px .78px rgb(0 0 0 / 14%); border-left: none; border-radius: 5px; overflow: hidden; position: relative; } */
.faq-wrapper .accordion-wrapper { margin-bottom: 15px; box-shadow: 0 0 5.22px .78px rgb(0 0 0 / 14%); background: #C5D6FF; border: 1px solid transparent; box-shadow: none; border-radius: 10px; overflow: hidden; position: relative; }

.faq-wrapper .accordion { cursor: pointer; padding: 25px 50px 25px 25px; background-color: #ffffff; color: #181617; font-weight: 700; width: 100%; text-align: left; outline: none; transition: 0.4s; position: relative; }
/* .faq-wrapper .accordion-wrapper::before { content: ''; background: linear-gradient(180deg, rgb(245, 56, 67) 0%, rgb(47, 87, 149) 100%); width: 5px; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; filter: grayscale(1); opacity: 0.5; } */
.faq-wrapper .accordion-wrapper[aria-expanded="true"]::before { filter: none; opacity: 1; }
.faq-wrapper .accordion:after { content: ''; background: url(../image/plus.svg); background-repeat: no-repeat; width: 22px; height: 22px; top: 27px; bottom: 0; background-position: top; position: absolute; right: 15px; transition: ease-in-out .3s; transform-origin: center; }
.faq-wrapper .accordion.active:after { transform: rotate(180deg) !important; background: url(../image/minus.svg); width: 22px; top: 35px !important; height: 4px !important; }
.faq-wrapper .accordion-wrapper[aria-expanded="true"] { background-image: linear-gradient(white, white), linear-gradient(to right, #FE1BBA, #F76808, #6647F0, #0192FF); box-shadow: 0 10px 30px rgba(254, 27, 186, 0.15); background-origin: border-box; background-clip: content-box, border-box; }
.faq-wrapper .accordion-wrapper .panel { padding: 0 50px 10px 25px; color: #2b2b2b; background-color: #ffffff; border-radius: 0; display: none; text-align: left; transition: max-height 0.2s ease-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; }
.process-steps>div::before { content: " "; background-image: url(../image/sprites.png); background-repeat: no-repeat; background-position: -64px -20px; line-height: 1; width: 22px; height: 27px; position: absolute; left: -12px; top: 40%; margin-top: -25px }
.process-steps>div:first-child::before { display: none }
.process-steps .h4, .process-steps .h5 { margin-top: 15px }
.steps-hover-wrap { display: inline-block; border-radius: 50%; overflow: hidden; position: relative }
.steps-hover-text { opacity: 0; text-align: center; background-color: #181617; color: #fff; font-size: 14px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 25px; border-radius: 50%; vertical-align: middle; transition: all 0.3s ease-in-out 0s }
.process-steps>div:hover .steps-hover-text { opacity: 1 }
.prd_price { font-size: 36px; font-weight: 700 }
.rupee { font-family: 'rupee_foradianregular'; font-style: normal }
.prd_price_mrp { font-size: 20px; margin-bottom: 0 }
.prd_price_mrp del { text-decoration: none; position: relative; display: inline-block }
.prd_price_mrp del::before { content: ''; border-bottom: 2px solid #e12027; width: 110%; position: absolute; right: -4px; top: 50%; -webkit-transform: skewY(-4deg); transform: skewY(-4deg) }
.comparision_panel { margin-bottom: 15px }
.comparision_panel .ribbon-top-right { top: -1px; left: -2px }
.comparision_panel .ribbon { width: 80px; height: 80px; overflow: hidden; position: absolute }
.comparision_panel .ribbon span { position: absolute; display: block; width: 130px; padding: 5px 0; background-color: #e12027; box-shadow: 0 -5px 10px rgb(0 0 0 / .1); color: #fff; font: 700 13px/1; text-shadow: 0 1px 1px rgb(0 0 0 / .2); text-transform: uppercase; text-align: center }
.comparision_panel .ribbon-top-right span { right: -15px; top: 20px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.comparision_panel .top_header { font-size: 14px; background: #000; height: 25px; margin-top: -26px; color: #fff; border-radius: 4px 4px 0 0; text-transform: uppercase; padding: 1px 0 }
.comparision_panel>.card { height: 100%; background-color: #f3f3f3 }
.comparision_panel>.card>.card-header { background-color: #fff0; padding: 20px 30px 0; position: relative; border-radius: unset; min-height: 150px }
.comparision_panel>.card>.card-header .card-title { font-size: 26px; font-weight: 700 }
.comparision_panel>.card>.card-body { font-size: 14px }
.comparision_panel>.card.active { padding-bottom: 35px; border-radius: 0 0 4px 4px; background-color: #fff; transform: scaleX(1.01); -webkit-box-shadow: 0 0 35px -15px rgb(0 0 0 / .5); -moz-box-shadow: 0 0 35px -15px rgb(0 0 0 / .5); box-shadow: 0 0 35px -15px rgb(0 0 0 / .5); z-index: 1 }
.comparision_panel>.card.active>.card-header { color: #fff; background: #165ca1!important }
.comparision_panel>.card.active>.top_header { background: #181617!important; height: 35px; margin-top: -36px; font-size: 1.05em; padding: 3px 0 }
.certified>h5 { background: #939598; color: #fff; font-size: 18px; padding: 9px 0 9px 18px; margin-bottom: 34px }
.repimg { padding: 15px; box-shadow: 0 0 20px #c9c9c9; cursor: pointer }
.capability .table tbody tr:nth-child(even) { background-color: rgb(0 0 0 / .05); padding: 10px 10px 10px 20px }
.capability .table th { background: #939598; color: #fff; border-bottom: 0; font-weight: 500; padding: 8px 10px 8px 20px }
.capability .table tbody tr td { padding: 13px 8px 13px 20px; border: 0 }
.consultant_partn { position: absolute; top: -60px }
.find-partner { background: #fff; background-image: linear-gradient(to right, #ffffff, #f6f6f6) }
.servicebox:hover a.btn-info.hover-btn-red { background: #e11f27; color: #fff; border: 1px solid #e11f27 }
.scrollbar-section { height: 370px; overflow: scroll; direction: ltr; overflow: auto; box-shadow: inset -65px -135px 40px -130px #ccc }
.scrollbar-section::-webkit-scrollbar {
width:10px
}
.scrollbar-section::-webkit-scrollbar-track {
box-shadow:inset 0 0 5px #dbdbdb;
border-radius:10px
}
.scrollbar-section::-webkit-scrollbar-thumb {
background:#a1a1a1;
border-radius:10px
}
.slideup-box-wrap { display: block; overflow: hidden; position: relative }
.slideup-box-wrap img { width: 100% }
.slideup-box-wrap h5, .slideup-box-wrap .h5 { color: #fff; margin-bottom: 0 }
.slideup-box-text { position: absolute; width: 100%; top: 101%; left: 0; height: 100%; color: #fff; background-color: #e11f27; transition: ease-in-out .3s }
.slideup-box-wrap:hover .slideup-box-text { top: 0 }
.waffle-wrapper .waffle-toggle { display: inline-block; background-color: #175c9f; padding: 9px; text-decoration: none; border: solid 1px #4285c7; border-right: none; position: fixed; right: 0; top: 40%; z-index: 11 }
.waffle-wrapper .waffle-close, .waffle-wrapper.active .waffle-open { display: none }
.waffle-wrapper .waffle-open, .waffle-wrapper.active .waffle-close { display: block }
.waffle-wrapper .waffle-items { position: fixed; top: 40%; right: 0; opacity: 0; right: -370px; background: #175c9f; width: 370px; color: #fff; border: solid 1px #4285c7; transform: translateY(-40%) scale(0); -webkit-transform: translateY(-40%) scale(0); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; z-index: 99 }
.waffle-wrapper.active .waffle-items { display: block; opacity: 1; right: 48px; transform: translateY(-40%) scale(1); -webkit-transform: translateY(-40%) scale(1) }
.waffle-wrapper .waffle-row { border-bottom: solid 1px #4285c7; height: 145px }
.waffle-wrapper .waffle-row:last-child { border-bottom: none }
.waffle-wrapper .waffle-block { border-right: solid 1px #4285c7; height: 100%; padding: 0 }
.waffle-wrapper .waffle-block:last-child { border-right: none }
.waffle-wrapper .waffle-block a { display: block; padding: 17px 10px 17px 17px; height: 100%; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s }
.waffle-wrapper .waffle-block a:hover { background-color: #0a457f }
.waffle-wrapper .waffle-icon { margin: 0; height: 60px }
.waffle-wrapper .waffle-text { margin: 0; font-weight: 500 }
.navbar-about { border: 1px solid #181617!important }
.navbar-about span { color: #181617!important }
.image_bg_stroke:after { content: ''; background: none; box-shadow: 0 0 2px #888; width: 90%; height: 100%; position: absolute; left: -11px; top: 25px; z-index: -100 }
.image_bg_stroke-sm:after { content: ''; background: none; box-shadow: 0 0 2px #888; width: 41%; height: 94%; position: absolute; left: 110px; top: 10px; z-index: -1 }
.prifile_bg_stroke { float: left; position: relative }
.prifile_bg_stroke:after { content: ''; background: none; box-shadow: 0 0 2px #888; width: 90%; height: 95%; position: absolute; left: -17px; top: 15px; z-index: -100 }
.profile-bg p { line-height: 22px; text-align: justify; font-size: 14px }
.video-im { position: relative; margin: 0; padding: 30px 0 0; text-align: center; cursor: pointer }
.video_img { margin: 0 auto }
.explore_stellar h4 { color: #e11f26; font-size: 52px; font-weight: 400; margin-bottom: 0 }
.explore_stellar p { text-transform: uppercase }
.globe-mobile { display: none }
.globe .US { left: 25%; top: 35% }
.globe .india { left: 64%; top: 41%; font-size: 13px }
.globe .NL { left: 44%; top: 27% }
.globe .location { position: absolute; display: inline-block; background-color: #e11f26; width: 1.2%; height: 2.5%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.globe .location .us_tag { position: relative; left: -7.4em; top: -6.8em; background-color: #181617; box-shadow: 0 3px 5px rgb(0 0 0 / .2); font-weight: 400; color: #FFF; padding: 10px; width: 17em; display: none; text-align: center; font-size: .9em; z-index: 1000 }
.globe .location .ind_tag { position: relative; left: -7.4em; top: -9.6em; background-color: #181617; box-shadow: 0 3px 5px rgb(0 0 0 / .2); font-weight: 400; color: #FFF; padding: 10px; width: 17em; display: none; text-align: center; font-size: .9em; z-index: 1000 }
.globe .location .nl_tag { position: relative; left: -7.4em; top: -5.3em; background-color: #181617; box-shadow: 0 3px 5px rgb(0 0 0 / .2); font-weight: 400; color: #FFF; padding: 10px; width: 17em; display: none; text-align: center; font-size: .9em; z-index: 1000 }
.globe .location:hover .nl_tag { display: block }
.globe .location:hover .ind_tag { display: block }
.globe .location:hover .us_tag { display: block }
[data-toggle="modal"] { cursor: pointer }
.keditor-iframe-body { zoom: 90% }
.modal-backdrop.show { opacity: .75 }
.custom_modal .modal-header { background-color: #181617; color: #fff; padding: 10px 1em 8px }
.custom_modal .modal-header .close { color: #fff }
#modal_video.custom_modal .modal-content { background-color: #181617; color: #fff }
#modal_video.custom_modal .modal-header { border-bottom: none }
#modal_video.custom_modal .modal-body { padding: 3px }
.city-block>.col { padding: 0 }
.city-block>.col a { display: block; padding: 15px }
.city-block>.col a:hover, .city-block>.col a.active { background-color: #f3f3f3; text-decoration: none }
.city-block>.col .city-name { font-size: 13px; text-transform: uppercase; color: #181617; margin-bottom: 0 }
.radio_toggle, .radio_toggle a { font-weight: 400; cursor: pointer; font-size: 14px!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.radio_toggle img { vertical-align: middle; margin-right: 5px; margin-top: -2px }
.offer-box { background: #ffffe4; border: 2px dashed #e11f27; padding: 15px 20px }
.rainbow-bg { color: #fff; background: #e11f27; background: -moz-linear-gradient(left, rgb(225 31 39) 0%, rgb(224 38 44) 27%, rgb(23 92 149) 75%, rgb(23 92 149) 100%); background: -webkit-linear-gradient(left, rgb(225 31 39) 0%, rgb(224 38 44) 27%, rgb(23 92 149) 75%, rgb(23 92 149) 100%); background: linear-gradient(110deg, #f53843 0%, #2f5795 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e11f27', endColorstr='#175c95', GradientType=1)
}
.why-stellar-bg { background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 243 243) 21%, rgb(247 250 255) 70%, rgb(255 243 243) 100%) }
.servicebox { height: 100%; border-radius: 2px; border: none }
.servicebox.border { border: 1px solid #cccccc!important }
.servicebox.padding-box .card-body, .servicebox.padding-box .card-footer { padding-left: 0; padding-right: 0 }
.link_slide { display: inline-block; position: relative; text-decoration: none }
.link_slide:hover { text-decoration: none }
.link_slide:before { width: 106%; height: 1px; background: #e11f26; position: absolute; left: 0; bottom: 0; content: ''; transform: scaleX(.8); transform-origin: left; transition: ease-in-out .5s }
.link_slide.link_white:before { background: #fff }
.shadow-bg.hover-shadow-bg { transition: all ease-in-out .5s }
.shadow-bg.hover-shadow-bg:hover { background-image: radial-gradient(circle farthest-corner at 70% 100%, #FCE5E5 0%, transparent 25%) }
.border-t-gradient { position: relative; overflow: hidden }
.border-t-gradient:before { content: ''; position: absolute; width: 100%; height: 7px; background: linear-gradient(90deg, #f53843 0%, #2f5795 100%)!important; top: 0; left: 0; z-index: 1 }
.scale-img img { transition: ease-in-out .6s; transform-origin: bottom right }
.scale-img:hover img { transform: scale(1.2) }
.scale-img:hover .link_slide:before { transform: scaleX(1) }
.gradient-box { overflow: hidden }
.gradient-box { max-width: 250px; width: 100%; margin: auto; box-shadow: 0 0 28.8px 11.2px rgb(0 0 0 / .09); padding: 1rem 1rem; height: 250px; border: solid 1px #d1d1d1; border-radius: 13px; overflow: hidden; position: relative; transition: all .5s; display: block; text-decoration: none; box-sizing: border-box; background-color: #fff }
.gradient-box:after { content: ''; position: absolute; width: 100%; height: 7px; background: linear-gradient(90deg, #f53843 0%, #2f5795 100%)!important; top: 0; left: 0; transition: all .3s }
.gradient-box:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: linear-gradient(147deg, #f53843 0%, #2f5795 100%); z-index: 0; opacity: 0; transition: 1s }
.gradient-box .photo-panel { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; background: #fff; transition: ease-in-out .5s; margin-top: 1rem; margin-left: 50%; transform: translateX(-50%) scale(1); border-radius: 50px }
.gradient-box .photo-panel img { transition: all .3s }
.gradient-box h6, .gradient-box .h6 { font-size: 16px; font-weight: 700; color: #181617; line-height: 1.4; padding-top: 0; margin-top: 1rem; margin-bottom: .5rem; text-align: center; position: relative; font-family: 'Montserrat' }
.gradient-box .card-footer { margin-top: 0rem; transition: ease-in-out .5s; opacity: 0; position: relative }
.gradient-box:hover { text-align: left; text-decoration: none }
.servicebox img { transition: all ease-in-out .3s; border-radius: 0 }
.shadow-bg { background-image: radial-gradient(circle farthest-corner at 70% 100%, #edf2f9 0%, transparent 25%) }
.box-shadow:hover, .hover-shadow:hover { -webkit-box-shadow: 0 5px 20px 0 rgb(0 0 0 / .25); -moz-box-shadow: 0 5px 20px 0 rgb(0 0 0 / .25); box-shadow: 0 5px 20px 0 rgb(0 0 0 / .25) }
.center-shadow { -webkit-box-shadow: 0 5px 30px -5px rgb(0 0 0 / .3); -moz-box-shadow: 0 5px 30px -5px rgb(0 0 0 / .3); box-shadow: 0 5px 30px -5px rgb(0 0 0 / .3); transition: all 0.3s }
.testi-slider { position: relative; padding: 20px }
.testi-slider:after { content: ""; position: absolute; inset: 0; top: 0; right: 0; bottom: 0; left: 0; border-radius: 30px; padding: 2px; background: linear-gradient(0deg, #2f5795 15%, #f53843 90%) border-box; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude }
.testi-slider .carousel-item { height: 300px }
.testi-slider .carousel-caption { color: #181617; text-align: left; left: 3%; right: 3%; bottom: initial; top: 5%; z-index: 1 }
.testi-slider .bg-quote-left { position: absolute; top: 0; background: #fff; display: inline-block; padding: 0 .5rem; left: 2rem; margin-top: -1rem; z-index: 1 }
.testi-slider .bg-quote-right { position: absolute; bottom: 0; background: #fff; display: inline-block; padding: 0 .5rem; right: 2rem; margin-bottom: -.5rem; z-index: 1 }
.testi-slider .carousel-indicators { bottom: -18%; left: 6%; right: auto; margin-left: 0; z-index: 10 }
.testi-slider .carousel-indicators li { background: #fff0; border: 1px solid #767676; height: 10px; width: 10px; border-radius: 50%; margin-left: 5px; transition: width .3s ease-in-out }
.testi-slider .carousel-indicators .active { background: linear-gradient(90deg, #f53843 0%, #2f5795 100%); border: none; height: 12px; width: 30px; border-radius: 6px; opacity: 1 }
.process-steps { position: relative }
.process-steps>div::before { content: none }
.process-steps.compact>div { margin-bottom: 10px!important; margin-top: 20px!important }
.process-steps.compact::before { content: " "; background: linear-gradient(179deg, rgb(255 255 255) 0%, rgb(225 31 39) 17%, rgb(23 92 159) 84%, rgb(255 255 255) 100%); line-height: 1; width: 2px; height: 100%; position: absolute; top: 15px; margin-top: -2px; left: 27% }
.process-steps.compact .process-thumb { position: unset; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; display: inline-block }
.process-steps .process-thumb::before { content: " "; position: absolute; margin-top: -25px; box-shadow: 0 4px 25px rgb(0 0 0 / .4); border-radius: 15px }
.process-steps.compact>div:last-child .process-thumb::before { display: none }
.process-steps.compact .process-thumb::before { width: 30px; height: 30px; right: auto; top: 115%; left: calc(27% - 15px); background: #fff url(../image/down-arrow.png) no-repeat center center }
.process-steps .process-thumb::after { content: attr(data-steptext); line-height: 1; width: 80px; height: 27px; position: absolute; right: -35px; top: 110px; margin-top: -25px; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 8px 5px 0; font-family: "Montserrat"; background: linear-gradient(140deg, #f53843 20%, #2f5795 70%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0; background-clip: text; text-fill-color: #fff0 }
.process-steps.compact .process-thumb::after { font-size: 13px; right: auto; top: 40px; left: calc(22% + 42px); box-shadow: none }
.process-steps.compact .card-body { margin-left: 50px; margin-top: 5px; text-align: left; padding-right: 0; padding-left: 0 }
.recovery-process { position: relative }
.recovery-process:hover { cursor: pointer }
.recovery-process .video-icon { position: absolute; top: 40%; left: 50%; border: 5px solid #fff; background: #fff; -webkit-transition: width .35s ease-in-out; transition: all .35s ease-in-out; text-align: left; display: inline-block; border-radius: 70px; width: 77px; transform: translateX(-50%); overflow: hidden; box-shadow: 0 5px 35px rgb(0 0 0 / .7) }
.recovery-process .video-icon .video-text { font-size: 15px; padding-left: 8px; padding-right: 15px; position: absolute; top: 33%; white-space: nowrap }
.recovery-process:hover .video-icon { width: 245px; transform: translateX(-50%) }
.recovery-process:hover .video-icon .video-text { display: inline-block }
.process-steps.compact-wrap::before { background: repeating-linear-gradient(to bottom, #aba5a5, #aba5a5 6px, transparent 6px, transparent 12px) !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%); top: -20px !important; height: calc(107% + 20px) !important; }
.process-steps.compact>div { margin-top: 10px !important; }
.process-steps.compact-wrap .process-thumb::before { width: 30px !important; height: 30px !important; right: auto !important; top: 53% !important; left: calc(27% - 15px) !important; background: #fff url(../image/dot.png) no-repeat center center !important; background-size: 22px 22px !important; box-shadow: none; }
.process-head { display: flex; flex-direction: column; row-gap: 6px; }
.process-head .step-tag { font-size: 15px; position: relative; display: inline-flex; text-align: center; width: 67px; padding: 2px; margin-top: -23px; }
.process-head .step-tag i { display: inline-block; background-color: #181717; padding: 0 10px; border-radius: 5px; transform: skew(-20deg); }
.step-tag i span { display: inline-block; transform: skew(20deg); color: #fff; font-size: 12px; font-weight: bold; font-style: normal; margin-bottom: 3px; }
.glass-card { position: relative; padding: 15px; border-radius: 25px; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.glass-card::before { content: ""; position: absolute; width: 100%; height: 400px; left: -50px; filter: blur(3rem); z-index: -1; bottom: -82px; margin: auto; opacity: .31; background: var(--gradient-shape); background-size: 100%; background-repeat: no-repeat; }


.rainbow-text { font-weight: 500; background: linear-gradient(140deg, #f53843 20%, #2f5795 70%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0; background-clip: text; text-fill-color: #fff0 }
.rainbow-text-small { width: fit-content; background: linear-gradient(90deg, #2A64F6 0%, #A935FF 50%, #E72578 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.counter_text sup { font-weight: 400; font-size: 65%; position: static; vertical-align: super }
.help-section-light { background: linear-gradient(133deg, rgb(255 255 255) 0%, rgb(234 242 254 / .7) 11%, rgb(244 241 247) 16%, rgb(255 240 240) 30%, rgb(243 241 248) 44%, rgb(234 242 254 / 49%) 57%, rgb(234 242 254 / .5) 100%), url(../image/data-bg.png); background-repeat: no-repeat; background-position: right center; background-size: contain }
.bottom-strip { padding: 1px; border-radius: 15px; background: linear-gradient(90deg, #e7257850, 50%, #2a64f650 100%); }
.bottom-strip .bg-strip { background: linear-gradient(147deg, rgb(245, 56, 67) 9%, rgb(47, 87, 149) 78%); border-radius: 15px; }
.left_side_logo { display: flex; align-items: center }
.left_side_logo .stellar-stamp { background: #fff; padding: 1rem; border-radius: 14px 0 0 14px; padding-right: 2rem; display: flex; align-items: center; }
.left_side_logo p { padding-left: 2rem; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; font-family: 'Montserrat'; margin-bottom: 0 }
.left_side_logo p span { display: block; font-size: 16px; font-weight: 500; text-transform: none; color: #fff }
.logo_list { list-style: none; display: flex; justify-content: flex-end; align-items: center; margin: 0; padding-right: 2rem; }
.highlight-box { display: block; position: relative; background-color: #fff; border-radius: 20px; padding: 0 25px 25px; box-shadow: 0 0 15px 5px #fff3f3; position: relative; overflow: hidden; border: 1px solid #fff0; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(359deg, #f3f3f3 15%, #d28c9b) border-box }
.highlight-box .hl-title { display: inline-block; margin-left: -25px; min-width: 200px; background: linear-gradient(89.54deg, #2A64F6 15.84%, #A935FF 52.42%, #E72578 92.69%); color: #fff; font-size: 30px; padding: 10px 25px; border-radius: 20px 0 }
.highlight-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../image/bg-dot.png), url(../image/bg-dot.png); background-repeat: no-repeat, no-repeat; background-position: right 30px top 30px, left 30px bottom 30px; background-size: 15%, 8% }
.gradient-table { border: 1px solid #fff0; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(359deg, #f3f3f3 15%, #d28c9b) border-box }
.gradient-table .gradient-bg{background: linear-gradient(274.15deg, rgba(222, 231, 255, 0.74) -87.97%, rgba(255, 255, 255, 0.74) 62.92%, rgba(255, 224, 237, 0.74) 129.71%);}
.gradient-table thead { border-bottom: 1px solid #fdd7da }
.gradient-servicebox>div { position: relative; padding: 25px 50px 0 30px; margin-bottom: 15px }
.gradient-servicebox>div:before { content: ""; position: absolute; inset: 0; top: 0; right: 0; bottom: 0; left: 0; border-radius: 30px; padding: 1px; background:linear-gradient(.43turn, #e11f26, #fff0, #fff0, #fff0);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; transition: ease-in-out .3s; opacity: .3 }
.gradient-servicebox>div:hover:before { opacity: 1 }
.video-bg { background: #f2f2f2; background: radial-gradient(ellipse farthest-corner at top center, #F7FAFF 21%, #FFF7F7 55%, #FFFFFF 85%) }
.service-gd-card { position: relative; flex: 1 1 0%; background: #fff; border-radius: 15px; padding: 15px 22px; width: 100%; height: 100%; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.service-gd-card::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 15px; background: linear-gradient(270deg, rgb(42, 100, 246) 13%, rgb(255, 255, 255) 44%, rgb(255, 255, 255) 53%, rgb(231, 37, 120) 95%); mask: linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0); }
.service-gd-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(297deg, rgba(222, 231, 255, 1) 5%, rgba(255, 255, 255, 1) 67%, rgba(255, 224, 237, 1) 95%); opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 0; }
.service-gd-card > * { position: relative; z-index: 1; }
.service-title { font-size: 16px; line-height: 22px; letter-spacing: -2%; color: #272727; }
.service-description { font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #515151; }
.service-gd-card:hover { box-shadow: 3px 4px 18.6px rgba(255, 61, 61, 0.19); transform: translateY(-3px) scale(1); }
.service-gd-card:hover::after { opacity: 1; }
.service-gd-card:hover::before { padding: 1px !important; z-index: 2;}
.gradient-border-bg { overflow: hidden; position: relative; border-radius: 15px; width: 100%; height: 100%; padding: 15px 22px; border: 1.5px solid transparent; background: linear-gradient(90deg, #ffffff 15%, #ffffff 100%) padding-box, linear-gradient(90deg, #E72578 5%, #ffffff 23%, #ffffff 34%, #2A64F6 95%) border-box; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.gradient-border-bg:hover { background: linear-gradient(274.15deg, #DEE7FF -87.97%, #FFFFFF 62.92%, #FFE0ED 129.71%) padding-box, linear-gradient(90deg, #E72578 5%, #ffffff 23%, #ffffff 34%, #2A64F6 95%) border-box; box-shadow: 3px 4px 18.6px rgba(255, 61, 61, 0.19); transform: translateY(-3px) scale(1); }
.testimonials-bg{position: relative; background: linear-gradient(178.82deg, rgba(253, 254, 255, 0.39) -6.25%, rgba(255, 141, 197, 0.39) 33.61%, rgba(173, 219, 254, 0.39) 61.34%, rgba(255, 255, 255, 0.39) 96.58%);}
.testimonials-bg:before { width: calc(100% - 20px); height: 100%; border-radius: 20%; background: #ffffff; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; filter: blur(2rem); }
.quote { position: relative }
.quote:before { content: ""; position: absolute; left: 0; top: 0; margin-top: -120px; width: 100%; height: 100%; background-image: url(../image/quote.png); background-repeat: no-repeat }
.gradient-border { height: 100%; border: 1.5px solid transparent !important; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(312deg, #2A64F6 5%, #FFFFFF 51%, #E72578 84%) border-box; }
.gradient-border:before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(154.16% 112.24% at 70% 100%, #EDF2F9 0%, rgba(237, 242, 249, 0) 25%); z-index: 0; pointer-events: none; }
.gradient-border.gd-hv-bg:hover { background: linear-gradient(274.15deg, #DEE7FF -87.97%, #FFFFFF 62.92%, #FFE0ED 129.71%) padding-box, linear-gradient(90deg, #E72578 5%, #ffffff 23%, #ffffff 34%, #2A64F6 95%) border-box; }
.help-box { border-radius: 22px 22px 0px 0px; background: linear-gradient(81.84deg, #FFFFFF -12.58%, #DEEDFE 37.67%, #FFE1EE 80.12%, #FFFBFD 95.12%); }
.clean_conatainer h2 { font-size: 28px; line-height: 42px; letter-spacing: -3%; }
.clean-desc { font-size: 16px; line-height: 24px; letter-spacing: 0%; color: #181617; }
.stand-out { position: relative; }
.stand-out::before { content: ''; position: absolute; background: linear-gradient(89.71deg, #E72578 -7%, #2A64F6 85.23%); border-radius: 0 0 22px 22px; width: 100%; height: 64%; padding: 1px; overflow: hidden; filter: blur(7px); bottom: -12px; opacity: .20; }
.stand-out-effect { background: #ffffff; border-radius: 0 0 22px 22px; }
.stats-strip { padding: 1.5rem 1rem; }
.stat-divider { padding-right: 10px; } .stat-item { display: flex; align-items: center; gap: 12px; padding: 0.5rem 0.75rem; }
.stat-icon img { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.stat-text { color: #303030; font-size: 14px; line-height: 18px; letter-spacing: -1%; max-width: max-content; }
.stat-divider::after { content: ''; position: relative; width: 2px; height: 60px; background: linear-gradient(180deg, transparent 5%, #737373 47%, transparent 98%); opacity: 0.7; }
.grad-ser-border > div { position: relative; border-radius: 16px; overflow: hidden; }
.grad-ser-border > div:before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: 16px; background: linear-gradient(90deg, #e7257869 5%, #ffffff 23%, #ffffff 34%, #2a64f661 95%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.grad-bg-light { background: linear-gradient(81.84deg, rgba(255, 255, 255, 0.4) -12.58%, rgba(222, 237, 254, 0.4) 37.67%, rgba(255, 225, 238, 0.4) 80.12%, rgba(255, 251, 253, 0.4) 95.12%), #F9F9F9; margin-bottom: 2px; margin-left: -12px; margin-right: -12px; border-radius: 0px 0px 15px 15px; }
.grad-service-bg { position: relative; overflow: hidden; background: linear-gradient(178.82deg, rgba(253, 254, 255, 0.39) -6.25%, rgba(255, 141, 197, 0.39) 33.61%, rgba(173, 219, 254, 0.39) 61.34%, rgba(255, 255, 255, 0.39) 96.58%); }
.grad-service-bg:before { content: ""; width: calc(100% - 50px); height: 100%; border-radius: 50%; background: #ffffff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(1.2); filter: blur(2rem); pointer-events: none; }
.soft-section-bg { position: relative; background: linear-gradient(178.71deg, #FFFFFF 16.94%, #F0F9FF 55.58%, #FFFFFF 77.31%); overflow: hidden; z-index: 1; }
.faq-bg{position: relative; overflow: hidden; background: linear-gradient(178.82deg, rgba(253, 254, 255, 0.39) -6.25%, rgba(255, 141, 197, 0.39) 33.61%, rgba(173, 219, 254, 0.39) 61.34%, rgba(255, 255, 255, 0.39) 96.58%);}
.faq-bg:before { width: calc(100% - 50px); height: 100%; border-radius: 50%; background: #ffffff; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(1.1); filter: blur(2rem); }
.soft-scrn-bg { background: linear-gradient(0.9deg, #FDFEFF 3.62%, #FF8DC5 41.01%, #ADDBFE 73.06%, #FFFFFF 113.78%); position: relative; overflow: hidden; }
/* .soft-scrn-bg::before { width: calc(100% - 20px); height: 100%; border-radius: 50%; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(0.3); background: #FFFFFF; filter: blur(153.95px); scale: 8; } */
.soft-scrn-bg::before { width: calc(100% - 20px); height: 100%; border-radius: 50%; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(1.2); background: #FFFFFF; filter: blur(3rem); }
.small_counter .counter_text { font-size: 42px; font-weight: 600; } .small_counter .h6 { font-size: 14px; font-weight: 700; }
.rainbow-blue-counter { display: inline; background: linear-gradient(90deg, #E72578 0%, #8945B7 50%, #2A64F6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
/* Accordion Software Product */
/* .custom-product-accordion .card { border: 1px solid transparent; border-radius: 12px !important; margin-bottom: 1.5rem; background-image: linear-gradient(white, white), linear-gradient(to right, #ccc, #ddd); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); overflow: hidden; transition: 0.3s; } */
.custom-product-accordion .card { border: 1px solid transparent; border-radius: 12px !important; background-image: linear-gradient(white, white), linear-gradient(to right, #FE1BBA, #0192FF); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); overflow: hidden; transition: 0.3s; }
.custom-product-accordion .card:before { width: 100px; height: 100px; position: absolute; content: ''; background: linear-gradient(90deg, #F76808 50%, #FE1BBA 70%); bottom: -5rem; left: 0; right: 0; border-radius: 50%; margin: auto; filter: blur(4rem); opacity: .3; transition: ease-in-out .3s; }
.custom-product-accordion .card:has(.accordion-btn:not(.collapsed)) { background-image: linear-gradient(white, white), linear-gradient(to right, #FE1BBA, #F76808, #6647F0, #0192FF); box-shadow: 0 10px 30px rgba(254, 27, 186, 0.15); }
.custom-product-accordion .card-header{ background-color: #ffffff; }
.custom-product-accordion .accordion-btn { font-weight: 700; column-gap: 2px; font-size: 18px; color: #212529; background: transparent !important; padding: 1.5rem; box-shadow: none !important; display: flex; flex-direction: row; text-decoration: none; align-items: center; position:relative }
.custom-product-accordion .accordion-btn::after { order: -1; margin-right: 16px; width: 30px; height: 30px; background: linear-gradient(132.59deg, #555555 0%, #000000 122.64%); border-radius: 50%; content: "+"; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #fff; font-family: 'Montserrat'; font-weight: 500; transition: ease-in-out .3s; transform-origin: center;}
.custom-product-accordion .accordion-btn:not(.collapsed)::after { content: "-"; font-size: 45px; padding-bottom: 8px; transform: rotate(-180deg); transition: ease-in-out .3s; transform-origin: center;}
.custom-product-accordion .label-title {font-size: 16px;letter-spacing: 0.5px;color: #888;font-family: 'Montserrat', sans-serif;}
/* .accordion-btn:not(.collapsed)::after { transform: rotate(-180deg); } */
.guide_list { display: flex; list-style: none; column-gap: 10px; margin-top: 1rem; padding-left: 10px; }
.guide_list li { position: relative; }
.guide_list li::before { content: ''; position: absolute; width: 30px; height: 30px; left: 6px; top: 0; background: url(../image/sprit-software-bg.png) no-repeat -8px -12px; transition: ease-in-out .3s; transform-origin: left center; }
.guide_list li:after { width: 19px; height: 11px; position: absolute; right: 17px; top: 3px; bottom: 0; margin: auto 0; content: ''; background: url('../image/left-arrow.svg') no-repeat; transition: ease-in-out .3s; transform-origin: left center; background-size: 17px; transform: scale(0); transform-origin: left center; }
.guide_list li a { border: solid 1px #d1d1d1; padding: 10px 20px; border-radius: 50px; padding-left: 40px; font-size: 14px; transition: ease-in-out .3s; background: #fff; text-decoration: none; color: #181617; }
.guide_list li:hover a { padding-left: 20px; padding-right: 40px; } .guide_list li:hover a { background: #444; color: #ffffff; }
.guide_list li:hover:before { transform: scale(0); } .guide_list li:hover:after { transform: scale(1); filter: brightness(0) invert(1);}
.guide_list li:nth-child(2):before { background-position: -40px -12px; } .guide_list li:nth-child(3):before { background-position: -73px -12px; }
/* For Screen shots */
.recovery-steps-col { position: relative; padding-left: 40px; display: flex; flex-direction: column; column-gap: 2rem; justify-content: space-between; }
.recovery-progress-track { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #C8DEFD; border-radius: 10px; }
.recovery-active-indicator { position: absolute; left: -3px; top: 0; right: 0; margin: auto; width: 10px; height: 78px; background: linear-gradient(180deg, #FE1BBA 0%, #0091FF 41.35%, rgba(255, 255, 255, 0) 88.46%); z-index: 2; pointer-events: none; }
.recovery-step-item { position: relative; opacity: 0.7; transition: ease-in-out 0.3s; cursor: pointer; border-bottom: none; padding-bottom: 18px; padding-top: 18px; }
.recovery-step-item.active { opacity: 1; transform: translateX(10px); padding-bottom: 19px; }
.recovery-step-item.active .steap_label_container .step-label { visibility: visible; display: inline-flex; opacity: 1; }
.steap_label_container .step-label:before { width: 100%; height: 100%; background: #000; content: ''; position: absolute; z-index: -1; border-radius: 3px; transform: skewX(-25deg); }
.recovery-step-item.frist_child { padding-top: 0; }
.recovery-step-item:last-child::after{display: none;}
.steap_label_container { display: flex; align-items: center; column-gap: 15px; }
.step-label { font-size: 10px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }
.steap_label_container .step-label { display: inline-flex; position: relative; color: #fff; padding: 3px 10px; align-items: center; justify-content: center; font-size: 14px; display: none; visibility: hidden; opacity: 0; transition: ease-in-out 0.3s; }
.recovery-step-item .screen-title { font-weight: 700; color: #1e293b; font-size: 18px; margin: 0; font-family: 'Montserrat', sans-serif; }
.recovery-step-item p { font-size: 16px; padding-top: 4px; text-align: left; } .recovery-step-item::after { content: ""; position: absolute; bottom: 0; left: 0; width: 65%; height: 1px; background: #C8DEFD; }
.screen-img-slider .screen-img-frame { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; padding: 15px; border-radius: 25px; overflow: hidden; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
/* .screen_steps_img_wrapper{position: relative;} */
/* .screen_steps_img_wrapper::before { content: ''; position: absolute; width: 672.13px; height: 431px; left: 24px; right: 0; top: 19px; background: linear-gradient(114.78deg, rgba(254, 27, 186, 0.38) 8.77%, rgba(102, 71, 240, 0.38) 38.21%, rgba(1, 146, 255, 0.38) 72.28%); filter: blur(36.35px); border-radius: 21px; z-index: -1; opacity: .85; } */
.screen-img-slider .screen-img-frame::before { content: ''; position: absolute; width: calc(100% - 30px); height: 100%; left: 0; right: 0; transform: translateX(20px); background: linear-gradient(114.78deg, rgba(254, 27, 186, 0.38) 8.77%, rgba(102, 71, 240, 0.38) 38.21%, rgba(1, 146, 255, 0.38) 72.28%); filter: blur(36.35px); border-radius: 21px; opacity: .85; z-index: -1; }
/* .screen-img-slider .screen-img-frame {width: 100%; height: 100%; object-fit: cover; display: block;} */
.screen-img-slider .swiper-slide:not(.swiper-slide-active) { opacity: 0 !important; }

.marquee_wrapper { overflow: hidden; white-space: nowrap; width: 100%; height: 100%; border-radius: 15px; padding: 1rem 2rem; position: relative; background: linear-gradient(to right, #FDFDFD 0%, #ffffff 100%) padding-box, linear-gradient(to right, #FDFDFD 0%, #ffffff 100%) padding-box, linear-gradient(to right, #777777, #dddddd00) border-box; border: 1px solid transparent; }
.marquee_wrapper p { font-weight: 700; color: #888888; font-size: 13px; position: relative; z-index: 1; margin-bottom: 10px; }
.marquee_wrapper:before { content: ''; position: absolute; width: 100px; background: linear-gradient(-90deg, #ffffff00 0%, #f5fafe 100%); left: 0; height: 100%; z-index: 1; top: 0; }
.marquee_wrapper:after { content: ''; position: absolute; width: 100px; background: linear-gradient(90deg, #ffffff00 0%, #ffffff 50%); right: 0; height: 100%; z-index: 1; top: 0; }
.marquee-track { display: inline-flex; align-items: center; column-gap: 2rem; animation-name: marquee-scroll; animation-duration: 25s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; will-change: transform; margin-top: 1rem; margin-bottom: 1rem; }
.marquee-track img { display: flex; box-sizing: border-box; justify-content: center; align-items: center; padding: 10px;}
@keyframes marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee_wrapper:hover .marquee-track { animation-play-state: paused !important; }
@keyframes rotate {    from { transform: rotate(0deg); }    to { transform: rotate(360deg); }  }
.award_column { background: linear-gradient(90.32deg, rgba(254, 234, 241, 0.74) 0.27%, rgba(255, 255, 255, 0.00) 77%); border-radius: 15px; padding: 15px 15px 15px 20px; }
.award_column .award-text { font-size: 13px; line-height: 19px; letter-spacing: 0%; color: #888888; font-weight: 700; margin-bottom: 0.5rem; }
.top-award-swiper { width: 100%; height: 100%; }
.digital_trend { flex-direction: row; align-items: flex-start; column-gap: 1rem;}
.top-award-swiper p{color: #555555;font-size: 13px;letter-spacing: 0%;margin-bottom: 0.5rem;}
.top-award-swiper .award-title{color: #181617;font-size: 14px;letter-spacing: 0%;line-height: 21px;font-weight: 500;}
.top-award-pagination .swiper-pagination-bullet { width: 8px; height: 8px; transition: ease-in-out 0.5s; }
.top-award-pagination .swiper-pagination-bullet-active { background: linear-gradient(60deg, #FE1BBA, #6647F0, #0192FF); width: 30px; height: 8px; border-radius: 10px; }

@media screen and (orientation:portrait) {
.banner-cont { height: auto; min-height: 30vh }
}

@media (max-width:575.98px) {
.btn { margin-right: 5px!important; margin-left: 0!important; padding-right: 10px; padding-left: 10px; font-size: 80% }
.btn svg, .btn i { width: 15px; height: 15px }
.btn>img { height: 15px }
.btn-download span { left: 32px; font-size: 11px }
.logo { width: 100px; height: 30px }
.banner-cont .btn { margin-right: 2px!important; margin-bottom: 10px }
.banner-carousel .carousel-item h2, .banner-carousel .carousel-item .h2, .banner-cont h2, .banner-cont .h2 { margin: 1.1rem 0 1.1rem!important }
.navbar-top .navbar-brand img, .navbar-top .navbar-brand svg { max-width: 100px }
.no-bg-xs { background-image: none!important }
.small-title { font-size: 16px }
.dp-wrap .dp-item { padding: 15px 15px 0 }
.dp-wrap .dp-content { font-size: 14px }
.carousel-multi-item .carousel-item { padding-left: 0; padding-right: 0; padding-top: 1rem; padding-bottom: 2rem }
.custom_tab .nav-tabs .nav-link { padding: 10px 5px }
.custom_tab .tab-content { padding-top: 1rem }
.carousel-multi-item .carousel-control-next { right: -6px }
.carousel-multi-item .carousel-control-prev { left: -6px }
.servicebox.fluid-box { border-bottom: 1px solid #fff; border-right: none; min-height: auto!important }
.servicebox.fluid-box>.card-img-top { display: none }
.columns-2, .columns-3 { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0 }
.comparision_panel .top_header, .comparision_panel>.card.active>.top_header { margin-top: 0 }
.circle-tab-group .circle-tab-icon { width: 60px; height: 60px; padding: 10px 5px }
.slideup-box-text { display: none }
.image_bg_stroke-sm:after { display: none }
.image_bg_stroke:after { display: none }
.prifile_bg_stroke:after { display: none }
.explore_stellar h4 { font-size: 38px }
.testi-slider .carousel-item { height: 400px; overflow-y: auto }
.testi-slider .carousel-caption { top: 0 }
.testi-slider .carousel-item .media { flex-direction: column }
.testi-slider .carousel-item .media .media-body { margin-top: 1rem }
.testi-slider .carousel-indicators { bottom: -10% }
.stats-strip{ -ms-flex-direction: column!important; flex-direction: column !important; }
.stat-divider::after{content: none;}
.glass-card::before{content: none;}
.footer-container { padding: 1rem 1rem 0 1rem; }
.form-check-input { margin-top: .1rem; }
.recovery-steps-col { column-gap: 1rem; }
.marquee_wrapper{ padding: 0.5rem 1rem; } .marquee_wrapper:before, .marquee_wrapper:after { width: 50px; }
.marquee-track { column-gap: 0.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.digital_trend { flex-direction: column; } .top-award-swiper p { margin-top: 0.75rem; }
}

@media screen and (max-width:767.98px) {
body { line-height: 1.5 }
h1 br, .h1 br, h2 br, .h2 br, h3 br, .h3 br, h4 br, .h4 br { display: none }
h1, .h1 { font-size: 28px }
h2, .h2 { font-size: 24px }
h3, .h3 { font-size: 20px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
.section-dark { background-color: #333 }
.black-bg { background-color: #333333!important }
.main-bg::before{top:30%}
.banner-cont { background-color: #333 }
footer { background-color: #333 }
.navbar-main #navbarMain, .navbar-top #navbarTop { display: none!important }
.mob-nav-slide, .navbar-top .navbar-toggler { display: block!important }
.btn-lg, .btn-group-lg>.btn { padding: 15px 12px; font-size: 14px }
.btn.btn-lg>img { height: 18px }
.btn-lg.btn-download, .btn-group-lg>.btn.btn-download { padding: 7px 12px 16px }
.btn-lg.btn-download>img, .btn-group-lg>.btn.btn-download img { margin-top: 8px }
.btn-lg.btn-download span, .btn-group-lg>.btn.btn-download span { left: 39px }
.btn-big, .btn-group-big>.btn { padding: 15px 15px; font-size: 14px }
.btn.btn-big>img { height: 18px }
.btn-big.btn-download, .btn-group-big>.btn.btn-download { padding: 8px 20px 16px }
.btn-big.btn-download>img, .btn-group-big>.btn.btn-download img { margin-top: 8px }
.btn-big.btn-download span, .btn-group-big>.btn.btn-download span { left: 47px }
.btn svg, .btn.btn-right-icon svg, .btn:hover svg, .btn.btn-right-icon:hover svg, .btn i, .btn.btn-right-icon i, .btn:hover i, .btn.btn-right-icon:hover i { margin-left: 3px; margin-right: 0 }
.btn.btn-left-icon svg, .btn.btn-left-icon:hover svg, .btn.btn-left-icon i, .btn.btn-left-icon:hover i { margin-right: 3px; margin-left: 0 }
#goTop { display: none }
.actions-bar .btn { font-size: 14px }
.title-underline::after { bottom: 0 }
.title-underline.text-center::after, .text-center>.title-underline::after, .title-underline[style*="text-align: center"]::after, .title-underline[style*="text-align:center"]::after { left: 41%; bottom: 0 }
.no-bg-sm, .no-bg-xs { background-image: none!important }
.box-scale:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.mob-small { font-size: 85% }
.container { max-width: 100% }
section, .section { display: block; padding: 30px 0 40px }
.banner-cont { height: auto; min-height: 30vh; background-image: none!important; padding: 3rem 0 3rem }
.banner-small { min-height: 10vh }
.banner-carousel .carousel-item { height: 30rem }
.banner-carousel .carousel-item .carousel-caption { padding-left: 10px; top: 40%; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%) }
.banner-carousel .carousel-item h1, .banner-carousel .carousel-item .h1, .banner-cont h1, .banner-cont .h1 { font-size: 28px }
.banner-carousel .carousel-item h1.small, .banner-cont h1.small { font-size: 22px }
.banner-carousel .carousel-item h2, .banner-carousel .carousel-item .h2, .banner-cont h2, .banner-cont .h2 { font-size: 16px; margin: 1rem 0 1rem }
.banner-carousel .carousel-item p br, .banner-cont p br { display: none }
.title-underline { margin-bottom: 30px!important }
.bullet { padding-bottom: 5px!important }
columns-2, columns-3 { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0 }
.section-bts { height: 50vh; min-height: 300px }
.servicebox.dark-box { min-height: 500px }
.servicebox.fluid-box { min-height: 400px; border-bottom: 1px solid #fff; border-right: none }
.servicebox.fluid-box>.card-img-top { top: 0 }
.servicebox.fluid-box .card-img-overlay { padding: 2rem; position: relative; top: 0 }
.servicebox.fluid-box:hover .card-img-overlay { top: 0 }
.servicebox.fluid-box .card-img-overlay .btn { opacity: 1 }
.servicebox.fluid-box .card-img-overlay .h1 { font-size: 26px }
.counter_text { font-size: 35px }
.dp-wrap .dp-item { width: 65% }
.faq-wrapper .accordion { padding: 15px 50px 15px 25px; }
.faq-wrapper .accordion:before, .faq-wrapper .accordion-wrapper .panel:before { font-size: 35px; left: 10px; }
.faq-wrapper .accordion-wrapper .panel { padding: 15px 30px 15px 25px; }
.faq-wrapper .accordion:after { top: 20px }
.process-steps>div { margin-bottom: 10px!important; margin-top: 50px!important }
.process-steps>div::before { background-image: url(../image/sprites.png); background-position: -65px 0; width: 27px; height: 20px; top: -50px; left: 51%; margin-top: auto; margin-left: -25px }
.circle-tab-group { text-align: center; margin: 0 auto 25px }
.circle-tab-group a { float: left; padding-bottom: 10px; min-height: auto; margin: 0 auto }
.circle-tab-group .circle-tab-content { display: none }
.circle-tab-group a::before { display: none }
.scrollbar-tab>.nav-tabs { overflow-x: auto; overflow-y: hidden; width: 100%; flex-wrap: nowrap; padding-bottom: 20px }
.scrollbar-tab>.nav-tabs.justify-content-center { -ms-flex-pack: flex-start!important; justify-content: flex-start!important }
.slideup-box-text h5, .slideup-box-text .h5 { margin-top: 25px; margin-bottom: 25px }
.city-block>.col a { padding: 15px 5px }
.city-block>.col .city-name { font-size: 10px }
#goTop { display: none!important }
.other_links li { line-height: 2.2 }
.contact-phone { display: block }
.call-me { left: 15px; bottom: 15px; width: 55px; height: 55px }
.call-me .call-me-btn { width: 55px; height: 55px }
.call-me-form { width: 100%; left: 0; padding-bottom: 30px }
.call-me { display: inline-block; left: 20px; bottom: 20px }
.spec-name { font-size: 16px; margin-bottom: .25rem }
.require_col_right>h3 { font-size: 18px }
.spec_table tr td { font-size: 15px }
.glob_lr { padding: 0 .3rem }
.recovery-process .video-icon { width: 50px }
.recovery-process .video-icon img { width: 50px }
.recovery-process .video-icon .video-text { font-size: 14px; top: 29% }
.recovery-process:hover .video-icon { width: 215px }
.lab-360-image { height: 320px!important }
.left_side_logo { flex-direction: column }
.left_side_logo p { white-space: normal; font-size: 16px; border: none; text-align: center; padding-top: 1rem; margin-left: 0; padding-left: 0; padding-bottom: 20px }
.left_side_logo p span { font-size: 14px; }
.left_side_logo .stellar-stamp { background: none; filter: brightness(0) invert(1); }
.logo_list { justify-content: center; padding-left: 10px; padding-right: 10px; margin-bottom: 15px }
.ppc-banner.section-light { background: #f2f2f2; background: linear-gradient(133deg, #fdfdfd 8%, rgb(255 230 231 / 67%) 28%, rgb(234 242 254 / .7) 36%)!important }
.quote:before { display: none }
.btn-lg.btn-gradient-call, .btn-group-lg>.btn.btn-gradient-call { padding: 10px 12px 22px 12px; font-size: 18px; } 
.btn-lg.btn-gradient-call>img, .btn-group-lg>.btn.btn-gradient-call img { margin-top: 7px; height: 18px; max-height: 25px; margin-right: 8px; }
.btn-lg.btn-gradient-call span, .btn-group-lg>.btn.btn-gradient-call span { left: 37px; margin-top: -6px; font-size: 12px; }
.btn-md.btn-gradient-call { padding: 5px 10px 15px; font-size: 16px; }
.btn-md.btn-gradient-call span { margin-top: -10px; font-size: 12px; left: 36px; }
.stats-strip{ flex-wrap: wrap; justify-content: space-between; }

.recovery-steps-col { flex-direction: row; align-items: center; padding-left: 0; justify-content: center; text-align: center; margin-bottom: 1rem; }
.recovery-progress-track { display: none;  }
.steap_label_container { flex-direction: column; border-bottom: 0; row-gap: .5rem; }
.steap_label_container .step-label { background: #181617; padding: 7px 10px; border-radius: 50px; font-size: 12px; opacity: 1; visibility: visible; display: flex; }
.steap_label_container .step-label:before { display: none; }
.recovery-step-item{ border-bottom: 0; padding-top: 0; }
.recovery-step-item.active {transform: none;}
.recovery-step-item .screen-title { display: none; }
.recovery-step-item::after{display: none;}
.recovery-step-item p.text-muted { display: none; }
}

@media (min-width:576px) and (max-width:767.98px) {
.carousel-multi-item .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item { position: absolute; top: 0; right: -50%; z-index: -1; display: block; visibility: visible }
.carousel-multi-item .carousel-item { padding-top: 1rem; padding-bottom: 3rem }
.custom_tab .nav-tabs .nav-link { padding: 10px 15px }
.custom_tab .tab-content { padding-top: 2rem }
}

@media (min-width:768px) and (max-width:991.98px) {
.container { max-width: 100% }
h1 br, .h1 br, h2 br, .h2 br, h3 br, .h3 br, h4 br, .h4 br { display: none }
.no-bg-md { background-image: none!important }
.bg-rt { background-position: right 15% top!important }
.navbar-main #main-menu>li { padding: 0 10px }
.navbar-main #main-menu>li>a { font-size: 14px }
.mob-nav-slide, .navbar-top .navbar-toggler { display: block!important }
.title-underline.text-center::after, .text-center>.title-underline::after, .title-underline[style*="text-align: center"]::after, .title-underline[style*="text-align:center"]::after { left: 43.5% }
.banner-cont { padding: 3rem 0 3rem }
.banner-carousel .carousel-item .carousel-caption { padding-left: 10px }
.banner-carousel .carousel-item h1, .banner-carousel .carousel-item .h1, .banner-cont h1, .banner-cont .h1 { font-size: 40px }
.banner-carousel .carousel-item h1.small, .banner-carousel .carousel-item .h1.small, .banner-cont h1.small, .banner-cont .h1.small, .banner-small h1, .banner-small .h1 { font-size: 34px }
.actions-bar .btn { font-size: 14px }
.section-bts { height: 50vh }
.counter_text { font-size: 40px }
.dp-wrap .dp-item { width: 50% }
.carousel-multi-item .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item { position: absolute; top: 0; right: -33.3333%; z-index: -1; display: block; visibility: visible }
.custom_tab .nav-tabs .nav-link { padding: 15px 5px }
.custom_tab .tab-content { padding-top: 2rem }
.servicebox.fluid-box { min-height: auto }
.servicebox.fluid-box .card-img-overlay { padding: 2rem; position: relative; top: 0 }
.servicebox.fluid-box:hover .card-img-overlay { top: 0 }
.servicebox.fluid-box .card-img-overlay .btn { opacity: 1 }

.servicebox.fluid-box .card-img-overlay .h1 { font-size: 26px }
.servicebox.fluid-box .card-img-overlay .h2 { font-size: 20px }
.servicebox.fluid-box>.card-img-top { top: 0; bottom: auto }
.circle-tab-group a { padding-bottom: 10px; min-height: 100px }
.steps-hover-text { font-size: 13px }
.spec-name { font-size: 16px }
.spec_table tr td { font-size: 15px }
.gradient-box h6, .gradient-box .h6 { font-size: 14px }
.recovery-process .video-icon { width: 50px }
.recovery-process .video-icon img { width: 50px }
.recovery-process .video-icon .video-text { font-size: 14px; top: 29% }
.recovery-process:hover .video-icon { width: 215px }
.left_side_logo { flex-direction: column }
.left_side_logo p { white-space: normal; font-size: 16px; border: none; text-align: center; padding-top: 1rem; margin-left: 0; padding-left: 0; padding-bottom: 20px }
.left_side_logo p span { font-size: 14px; }
.left_side_logo .stellar-stamp { background: none; filter: brightness(0) invert(1); }
.logo_list { justify-content: center; padding-left: 0; margin-bottom: 15px }
.glass-card::before { bottom: -30px; }
.stats-strip{flex-wrap: wrap;}

.recovery-steps-col { flex-direction: row; align-items: center; padding-left: 0; justify-content: center; column-gap: 1rem; text-align: center; margin-bottom: 1rem; }
.recovery-progress-track { display: none;  }
.steap_label_container { flex-direction: column; border-bottom: 0; row-gap: .5rem; }
.steap_label_container .step-label { background: #181617; padding: 10px 15px; border-radius: 50px; font-size: 12px; opacity: 1; visibility: visible; display: flex; }
.steap_label_container .step-label:before { display: none; }
.recovery-step-item{ border-bottom: 0; padding-top: 0; }
.recovery-step-item.active {transform: none;}
.recovery-step-item .screen-title { font-size: 14px; text-align: center; }
.recovery-step-item::after{display: none;}
.recovery-step-item p.text-muted { display: none; }
}

@media (min-width:992px) and (max-width:1199.98px) {
.container { max-width: 100% }
.navbar-main #main-menu>li { padding: 0 20px 0 0 }
.bg-rt { background-position: right 15% top!important }
.counter_text { font-size: 50px }
.title-underline.text-center::after, .text-center>.title-underline::after, .title-underline[style*="text-align: center"]::after, .title-underline[style*="text-align:center"]::after { left: 45% }
.servicebox.fluid-box { min-height: 400px }
.servicebox.fluid-box .card-img-overlay { top: 5% }
.servicebox.fluid-box:hover .card-img-overlay { top: 0% }
.servicebox.fluid-box.columns-3 .card-img-overlay { top: 30% }
.gradient-box .photo-panel { transform: translateX(-50%) scale(1) }
.gradient-box h6, .gradient-box .h6 { font-size: 14px }
.left_side_logo p { white-space: nowrap }
.left_side_logo p { white-space: nowrap; font-size: 16px }
.logo_list { justify-content: center; padding-left: 0 }
}

@media (min-width:1200px) and (max-width:1599.98px) {
.container { width: 90%; max-width: 1400px }
.bullet li:before, .bullet-colored li:before { top: 6px }
.bullet-tick li:before, .bullet-green li:before, .bullet-cross li:before { top: 5px }
.servicebox.fluid-box.columns-3 .card-img-overlay { top: 45% }
.servicebox.fluid-box.columns-3:hover .card-img-overlay { top: 20% }
.glass-card{ margin-top: -3.5rem; }
}

@media (min-width:1600px) {
.container { width: 90%; max-width: 1500px }
.bullet li:before, .bullet-colored li:before { top: 8px }
.servicebox.fluid-box { min-height: 600px }
.servicebox.fluid-box .card-img-overlay { top: 45% }
.servicebox.fluid-box:hover .card-img-overlay { top: 30% }
.servicebox.fluid-box.columns-3 .card-img-overlay { top: 60% }
.servicebox.fluid-box.columns-3:hover .card-img-overlay { top: 30% }
.modal-lg { max-width: 1140px }
.waffle-wrapper .waffle-toggle, .waffle-wrapper .waffle-items { top: 45% }
}

@media (min-width:576px) {
.carousel-multi-item .carousel-item:not(.col-fullwidth) { margin-right: 0; z-index: 0!important }
.carousel-multi-item .carousel-inner .active:not(.col-fullwidth)+.carousel-item { display: block }
.carousel-multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left):not(.col-fullwidth), .carousel-multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left):not(.col-fullwidth)+.carousel-item { transition: none }
.carousel-multi-item .carousel-inner .carousel-item-next:not(.col-fullwidth) { position: relative; transform: translate3d(0, 0, 0) }
.carousel-multi-item .active.carousel-item-left:not(.col-fullwidth)+.carousel-item-next.carousel-item-left, .carousel-multi-item .carousel-item-next.carousel-item-left:not(.col-fullwidth)+.carousel-item, .carousel-multi-item .carousel-item-next.carousel-item-left:not(.col-fullwidth)+.carousel-item+.carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible }
.carousel-multi-item .carousel-inner .carousel-item-prev.carousel-item-right:not(.col-fullwidth) { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible }
.carousel-multi-item .active.carousel-item-right:not(.col-fullwidth)+.carousel-item-prev.carousel-item-right, .carousel-multi-item .carousel-item-prev.carousel-item-right:not(.col-fullwidth)+.carousel-item, .carousel-multi-item .carousel-item-prev.carousel-item-right:not(.col-fullwidth)+.carousel-item+.carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible }
.carousel-multi-item .carousel-control-next { right: -15px }
.carousel-multi-item .carousel-control-prev { left: -15px }
}

@media (min-width:768px) {
.carousel-multi-item .carousel-inner .active:not(.col-fullwidth)+.carousel-item+.carousel-item { display: block }
.carousel-multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left):not(.col-fullwidth)+.carousel-item+.carousel-item { transition: none }
.carousel-multi-item .carousel-inner .carousel-item-next:not(.col-fullwidth) { position: relative; transform: translate3d(0, 0, 0) }
.carousel-multi-item .carousel-item-next.carousel-item-left:not(.col-fullwidth)+.carousel-item+.carousel-item+.carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible }
.carousel-multi-item .carousel-item-prev.carousel-item-right:not(.col-fullwidth)+.carousel-item+.carousel-item+.carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible }
.title-underline.text-md-left::after, .text-md-left>.title-underline::after { left: 0 }
.actions-bar.actionbar-fixed { display: block }
.help_user { margin-top: -85px }
}

@media (min-width:992px) {
.carousel-multi-item .carousel-inner .active+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item { display: block }
.carousel-multi-item .carousel-inner .active+.col-lg-4.carousel-item+.col-lg-4.carousel-item { display: block }
.carousel-multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item { transition: none }
.carousel-multi-item .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.col-lg-4.carousel-item+.col-lg-4.carousel-item { transition: none }
.carousel-multi-item .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item { position: absolute; top: 0; right: -25%; z-index: -1; display: block; visibility: visible }
.carousel-multi-item .carousel-inner .active.col-lg-4.carousel-item+.carousel-item+.carousel-item+.carousel-item { position: absolute; top: 0; right: -33.3333%; z-index: -1; display: block; visibility: visible }
.carousel-multi-item .col-lg-3.carousel-item-next.carousel-item-left+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible }
.carousel-multi-item .col-lg-4.carousel-item-next.carousel-item-left+.col-lg-4.carousel-item+.col-lg-4.carousel-item+.col-lg-4.carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible }
.carousel-multi-item .col-lg-3.carousel-item-prev.carousel-item-right+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item+.col-lg-3.carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible }
.carousel-multi-item .col-lg-4.carousel-item-prev.carousel-item-right+.col-lg-4.carousel-item+.col-lg-4.carousel-item+.col-lg-4.carousel-item { position: relative; transform: translate3d(100%, 0, 0); display: block; visibility: visible }
.carousel-multi-item .carousel-control-next { right: -30px }
.carousel-multi-item .carousel-control-prev { left: -30px }
.servicebox.icon-box { padding-bottom: 0 }
.servicebox.icon-box img { margin-top: 30px; margin-bottom: 100px }
.servicebox.icon-box:hover img { transform: scale(.7); margin-top: 0 }
.servicebox.icon-box .card-body { padding: 0; position: absolute; top: 100px; right: 10px; left: 10px }
.servicebox.icon-box p:not(.card-title) { opacity: 0; transform: translateY(100px) }
.servicebox.icon-box:hover .card-body { top: 63px }
.servicebox.icon-box:hover p:not(.card-title) { opacity: 1; transform: translateY(0) }
.servicebox.icon-box .card-title { transition: all 0.3s; margin-bottom: 5px }
.servicebox.icon-box:hover .card-title { padding-top: 5px!important }
.title-underline.text-lg-left::after, .text-lg-left>.title-underline::after { left: 0 }
.comparison ul { display: none }
.comparison td, .comparison th { display: table-cell!important }
.comparison td+td, .comparison th+th { width: auto }
.gradient-box:hover:before { opacity: 1 }
.gradient-box:hover .photo-panel { width: 44px; height: 42px; background: #fff; margin-top: 0; border-radius: 50px; margin-left: 0%; transform: translateX(0%) }
.gradient-box:hover .photo-panel img { transform: scale(.7); transform-origin: center; margin: auto }
.gradient-box:hover .card-footer { margin-top: 0; opacity: 1 }
.gradient-box:hover h6 br, .gradient-box:hover .h6 br { display: none }
.gradient-box:hover h6, .gradient-box:hover .h6, .gradient-box .card-footer p, .gradient-box .card-footer a, .gradient-box:hover .card-footer p, .gradient-box:hover .card-footer a { color: #fff; text-align: left; font-size: 13px }
.gradient-box:hover:after { opacity: 0 }
}

@media (min-width:1200px) {
.title-underline.text-xl-left::after, .text-xl-left>.title-underline::after { left: 0 }
}

@media (max-width:1300px) {
.container { width: 91% }
.navbar-main #main-menu>li { padding: 0 15px 0 0 }
}