/*scroll bar css*/

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb:hover {
    background: #cacaca;
}

::-webkit-scrollbar-thumb {
    background: #b5b5b5;
    border-radius: 0px;
}


/*universal css*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: baseline;
}

body {
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-size: 17px;
    line-height: 28px;
    outline: none;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif;
    margin-bottom: 20px;
}

a {
    color: #484848;
    text-decoration: none;
    background-color: transparent;
}

a p {
    color: #484848;
    text-decoration: none;
    background-color: transparent;
}

ul {
    list-style: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

button:focus {
    outline: none !important;
}

.animation,
.rundal-header,
.texts,
.inine-btn:after,
.r-g-btn,
.domn-ex-lst,
.sticky,
.img-card-div,
.link-hover a:after,
.r-g-card,
.hover-this,
.hover-effect,
.numbericons,
.menu-header {
    -webkit-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
    -o-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
    transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
}

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}

.text-light {
    font-weight: lighter;
}

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

.vbottom {
    align-items: flex-end;
}

.fw6 {
    font-weight: 600;
}

h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
}

h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}

h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

h6 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
}

p {
    font-size: 15px;
    line-height: 24px;
}

.ptb130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #010101;
}


/*space class*/

.sec-pad {
    padding-top: 100px;
    padding-bottom: 100px;
}

.tbi-s-pad {
    padding-top: 50px;
    padding-bottom: 50px;
}


/*margin top class*/

.mr5 {
    margin-right: 5px;
}

.m0 {
    margin: 0 !important;
}

html .mt0 {
    margin-top: 0px;
}

html .mt5 {
    margin-top: 5px;
}

html .mt10 {
    margin-top: 10px;
}

html .mt15 {
    margin-top: 15px;
}

html .mt20 {
    margin-top: 20px;
}

html .mt25 {
    margin-top: 25px;
}

html .mt30 {
    margin-top: 30px;
}

html .mt35 {
    margin-top: 35px;
}

html .mt40 {
    margin-top: 40px;
}

html .mt45 {
    margin-top: 45px;
}

html .mt50 {
    margin-top: 50px;
}

html .mt55 {
    margin-top: 55px;
}

html .mt60 {
    margin-top: 60px;
}

html .mt65 {
    margin-top: 65px;
}

html .mt70 {
    margin-top: 70px;
}

html .mt75 {
    margin-top: 75px;
}

html .mt80 {
    margin-top: 80px;
}

html .mt85 {
    margin-top: 85px;
}

html .mt90 {
    margin-top: 90px;
}

html .mt95 {
    margin-top: 95px;
}

html .mt100 {
    margin-top: 100px;
}

html .mt106 {
    margin-top: 105px;
}

html .mt110 {
    margin-top: 110px;
}

html .mt115 {
    margin-top: 115px;
}

html .mt120 {
    margin-top: 120px;
}

html .mt125 {
    margin-top: 125px;
}

html .mt130 {
    margin-top: 130px;
}

html .mt135 {
    margin-top: 135px;
}

html .mt140 {
    margin-top: 140px;
}

html .mt145 {
    margin-top: 145px;
}

html .mt150 {
    margin-top: 150px;
}


/*margin bottom class*/

html .mb0 {
    margin-bottom: 0px;
}

html .mb5 {
    margin-bottom: 5px;
}

html .mb10 {
    margin-bottom: 10px;
}

html .mb15 {
    margin-bottom: 15px;
}

html .mb20 {
    margin-bottom: 20px;
}

html .mb25 {
    margin-bottom: 25px;
}

html .mb30 {
    margin-bottom: 30px;
}

html .mb35 {
    margin-bottom: 35px;
}

html .mb40 {
    margin-bottom: 40px;
}

html .mb45 {
    margin-bottom: 45px;
}

html .mb50 {
    margin-bottom: 50px;
}

html .mb55 {
    margin-bottom: 55px;
}

html .mb60 {
    margin-bottom: 60px;
}

html .mb65 {
    margin-bottom: 65px;
}

html .mb70 {
    margin-bottom: 70px;
}

html .mb75 {
    margin-bottom: 75px;
}

html .mb80 {
    margin-bottom: 80px;
}

html .mb85 {
    margin-bottom: 85px;
}

html .mb90 {
    margin-bottom: 90px;
}

html .mb95 {
    margin-bottom: 95px;
}

html .mb100 {
    margin-bottom: 100px;
}

html .mb105 {
    margin-bottom: 105px;
}

html .mb110 {
    margin-bottom: 110px;
}

html .mb115 {
    margin-bottom: 115px;
}

html .mb120 {
    margin-bottom: 120px;
}

html .mb125 {
    margin-bottom: 125px;
}

html .mb130 {
    margin-bottom: 130px;
}

html .mb135 {
    margin-bottom: 135px;
}

html .mb140 {
    margin-bottom: 140px;
}

html .mb145 {
    margin-bottom: 145px;
}

html .mb150 {
    margin-bottom: 150px;
}


/*margin left class*/

html .ml5 {
    margin-left: 5px;
}

html .ml10 {
    margin-left: 10px;
}

html .ml15 {
    margin-left: 15px;
}

html .ml20 {
    margin-left: 20px;
}

html .ml25 {
    margin-left: 25px;
}

html .ml30 {
    margin-left: 30px;
}

html .ml35 {
    margin-left: 35px;
}

html .ml40 {
    margin-left: 40px;
}

html .ml45 {
    margin-left: 45px;
}

html .ml50 {
    margin-left: 50px;
}


/*margin right class*/

html .mr5 {
    margin-right: 5px;
}

html .mr10 {
    margin-right: 10px;
}

html .mr15 {
    margin-right: 15px;
}

html .mr20 {
    margin-right: 20px;
}

html .mr25 {
    margin-right: 25px;
}

html .mr30 {
    margin-right: 30px;
}

html .mr35 {
    margin-right: 35px;
}

html .mr40 {
    margin-right: 40px;
}

html .mr45 {
    margin-right: 45px;
}

html .mr50 {
    margin-right: 50px;
}


/*padding top class*/

html .pt0 {
    padding-top: 0px;
}

html .pt5 {
    padding-top: 5px;
}

html .pt10 {
    padding-top: 10px;
}

html .pt15 {
    padding-top: 15px;
}

html .pt20 {
    padding-top: 20px;
}

html .pt25 {
    padding-top: 25px;
}

html .pt30 {
    padding-top: 30px;
}

html .pt35 {
    padding-top: 35px;
}

html .pt40 {
    padding-top: 40px;
}

html .pt45 {
    padding-top: 45px;
}

html .pt50 {
    padding-top: 50px;
}

html .pt55 {
    padding-top: 55px;
}

html .pt60 {
    padding-top: 60px;
}

html .pt65 {
    padding-top: 65px;
}

html .pt70 {
    padding-top: 70px;
}

html .pt75 {
    padding-top: 75px;
}

html .pt80 {
    padding-top: 80px;
}

html .pt85 {
    padding-top: 85px;
}

html .pt90 {
    padding-top: 90px;
}

html .pt95 {
    padding-top: 95px;
}

html .pt100 {
    padding-top: 100px;
}

html .pt105 {
    padding-top: 105px;
}

html .pt110 {
    padding-top: 110px;
}

html .pt115 {
    padding-top: 115px;
}

html .pt120 {
    padding-top: 120px;
}

html .pt125 {
    padding-top: 125px;
}

html .pt130 {
    padding-top: 130px;
}

html .pt135 {
    padding-top: 135px;
}

html .pt140 {
    padding-top: 140px;
}

html .pt145 {
    padding-top: 145px;
}

html .pt150 {
    padding-top: 150px;
}


/*padding bottom class*/

html .pb0 {
    padding-bottom: 0px;
}

html .pb5 {
    padding-bottom: 5px;
}

html .pb10 {
    padding-bottom: 10px;
}

html .pb15 {
    padding-bottom: 15px;
}

html .pb20 {
    padding-bottom: 20px;
}

html .pb25 {
    padding-bottom: 25px;
}

html .pb30 {
    padding-bottom: 30px;
}

html .pb35 {
    padding-bottom: 35px;
}

html .pb40 {
    padding-bottom: 40px;
}

html .pb45 {
    padding-bottom: 45px;
}

html .pb50 {
    padding-bottom: 50px;
}

html .pb55 {
    padding-bottom: 55px;
}

html .pb60 {
    padding-bottom: 60px;
}

html .pb65 {
    padding-bottom: 65px;
}

html .pb70 {
    padding-bottom: 70px;
}

html .pb75 {
    padding-bottom: 75px;
}

html .pb80 {
    padding-bottom: 80px;
}

html .pb85 {
    padding-bottom: 85px;
}

html .pb90 {
    padding-bottom: 90px;
}

html .pb95 {
    padding-bottom: 95px;
}

html .pb100 {
    padding-bottom: 100px;
}

html .pb105 {
    padding-bottom: 105px;
}

html .pb110 {
    padding-bottom: 110px;
}

html .pb115 {
    padding-bottom: 115px;
}

html .pb120 {
    padding-bottom: 120px;
}

html .pb125 {
    padding-bottom: 125px;
}

html .pb130 {
    padding-bottom: 130px;
}

html .pb135 {
    padding-bottom: 135px;
}

html .pb140 {
    padding-bottom: 140px;
}

html .pb145 {
    padding-bottom: 145px;
}

html .pb150 {
    padding-bottom: 150px;
}


/*padding right class*/

html .pr0 {
    padding-right: 0px;
}

html .pr5 {
    padding-right: 5px;
}

html .pr10 {
    padding-right: 10px;
}

html .pr15 {
    padding-right: 15px;
}

html .pr20 {
    padding-right: 20px;
}

html .pr25 {
    padding-right: 25px;
}

html .pr30 {
    padding-right: 30px;
}

html .pr35 {
    padding-right: 35px;
}

html .pr40 {
    padding-right: 40px;
}

html .pr45 {
    padding-right: 45px;
}

html .pr50 {
    padding-right: 50px;
}


/*padding left class*/

html .pl0 {
    padding-left: 0px;
}

html .pl5 {
    padding-left: 5px;
}

html .pl10 {
    padding-left: 10px;
}

html .pl15 {
    padding-left: 15px;
}

html .pl20 {
    padding-left: 20px;
}

html .pl25 {
    padding-left: 25px;
}

html .pl30 {
    padding-left: 30px;
}

html .pl35 {
    padding-left: 35px;
}

html .pl40 {
    padding-left: 40px;
}

html .pl45 {
    padding-left: 45px;
}

html .pl50 {
    padding-left: 50px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-left-80 {
    padding-left: 80px;
}

.padding-right-80 {
    padding-right: 80px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-right-50 {
    padding-right: 50px;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.shadow {
    -webkit-box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;
    box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;
}


/******************/


/*common usable classs*/

.f14 {
    font-size: 14px;
}

.f45 {
    font-size: 45px;
}

.index-up {
    position: relative;
    z-index: 10;
}

.subtitleheading {
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    color: #2c4bff;
}

.subtitleheading:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 2px;
    background: #2c4bff;
}

.align-end {
    align-items: flex-end;
}

.italic {
    font-style: italic;
}

.roundimg {
    overflow: hidden;
    border-radius: 8px;
}

.roundimg-x {
    overflow: hidden;
    border-radius: 200px;
}

.link-hover a {
    display: inline-block;
}

.link-hover a:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #010101;
    width: 0%;
    bottom: -2px;
    right: 0;
    left: 0;
}

.link-hover a:hover:after {
    width: 100%;
}

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


/*common color classs*/

.darkbg h2,
.darkbg h3,
.darkbg p {
    color: #fff;
}

.sw-bg-3-wave {
    background: url(../images/cta-bg.svg), #f7f7f7;
    background-position: top center;
    background-size: cover;
}

.sw-bg-2-wave {
    background: url(../images/shape/sw-bg-wave.svg), #202230;
    background-position: center center;
    background-size: cover;
}

.sw-bg-1-wave {
    background: url(../images/shape/sw-bg-wave-2.svg), #2c4bff;
    background-position: center center;
    background-size: cover;
}

.tbits-bg-1-wave {
    background: #1f3042;
    background-position: center center;
    background-size: cover;
}

.service_img img {
    width: 580px;
}

.rg-bg-x {
    background: #040404 !important;
    color: #fff !important;
}

.rg-bg-x {
    background: rgb(250, 204, 34);
    background: linear-gradient( 41deg, rgba(250, 204, 34, 1) 0%, rgba(255, 56, 0, 1) 100%);
}

.rg-bg-za {
    background-color: #000;
    /* background-image: radial-gradient(
      at 40% 20%,
      hsl(252deg 100% 97%) 0px,
      transparent 50%
    ),
    radial-gradient(at 80% 0%, hsl(180deg 100% 98%) 0px, transparent 50%),
    radial-gradient(at 0% 50%, hsl(280deg 100% 98%) 0px, transparent 50%),
    radial-gradient(at 14% 75%, hsl(50deg 100% 97%) 0px, transparent 50%),
    radial-gradient(at 0% 100%, hsl(47deg 100% 98%) 0px, transparent 50%),
    radial-gradient(at 84% 84%, rgb(252 248 255) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsl(241deg 100% 98%) 0px, transparent 50%);*/
    margin: 85px 20px 20px 20px;
    border-radius: 14px;
}

.sol-img.slider1 img {
    width: 80%;
}

h1.cd-headline.rotate-1 {
    color: #fff;
}

.tbts-bg-za {
    background-color: #bdecff;
    background-image: radial-gradient( at 40% 20%, hsl(252deg 100% 97%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(180deg 100% 98%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(280deg 100% 98%) 0px, transparent 50%), radial-gradient(at 14% 75%, hsl(50deg 100% 97%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(47deg 100% 98%) 0px, transparent 50%), radial-gradient(at 84% 84%, rgb(252 248 255) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(241deg 100% 98%) 0px, transparent 50%);
    margin: 30px 20px 20px 20px;
    border-radius: 14px;
}

.howitwork {
    background: linear-gradient(145deg, #0d0d18, #2c253c);
}

.howitwork h2 {
    color: #fff;
}

.how_it_work h2 {
    font-weight: 100;
}

.howitwork p {
    color: #fff;
}

.howitwork .r-g-card {
    background: transparent;
    border-radius: 0px;
}

.rg-bg-z {
    background-color: #ebeeff;
    background-image: radial-gradient( at 40% 20%, hsl(252deg 100% 98%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(180deg 100% 96%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(260deg 100% 79%) 0px, transparent 50%), radial-gradient(at 14% 75%, hsl(0deg 0% 98%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(0deg 0% 90%) 0px, transparent 50%), radial-gradient(at 84% 84%, hsl(294deg 100% 95%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(0deg 0% 100%) 0px, transparent 50%);
}

.rg-bg-0 {
    background-image: -o-linear-gradient(135deg, #fdf9f9 0%, #f8f9fd 100%), -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: linear-gradient(-45deg, #fdf9f9 0%, #f8f9fd 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: -o-linear-gradient(297deg, #f1f3fb 0%, #fbf3f3 95%);
    background-image: linear-gradient(153deg, #f1f3fb 0%, #fbf3f3 95%);
    background-position: center center;
}

.tbits-bg-2 {
    background: #c3eaff;
    background: linear-gradient(145deg, #0d0d18, #2c253c);
}

.rg-bg-0 {
    background: #eff1ff;
}

.tbts-bg-1 {
    background: #f4fbfb;
    background: linear-gradient(122.82deg, #ff5f55 -22.42%, #b66cff 124.3%);
}

.rg-bg-1 {
    background: #f4fbfb;
    background: linear-gradient(135deg, #f4fbfb, #fff9f2);
}

.rg-bg-2 {
    background: #c3eaff;
    background: linear-gradient(145deg, #c3eaff, #fff4fa);
}

.rg-bg-3 {
    background: #2c4bff;
    background: linear-gradient(135deg, #2c4bff, #6a2cff);
}

.rg-bg-4 {
    background: #ffdf5c;
}

.rg-bg-5 {
    background: #dfebf7;
    background: linear-gradient(135deg, #dfebf7, #faf6ff);
}

.rg-bg-6 {
    background: #202230;
}

.rg-bg-7 {
    background: #0b0b0b;
}

.rg-bg-8 {
    background: #d2fc3f;
}

.text-white :where(h1, h2, h3, h4, h5, h5, p, a, a span),
.text-white .list-h-styled li a,
.text-white .port-ref-link a span,
.text-white .contactinkediv a {
    color: #fff;
}


/*button css*/


/*button common css*/

.r-g-btn {
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    padding: 0 25px;
    display: flex;
    line-height: 60px;
    white-space: nowrap;
    text-transform: capitalize;
    align-items: center;
    justify-content: center;
    width: max-content;
    border: 0;
    grid-gap: 15px;
}

.r-g-btn span {
    font-weight: 300;
}


/*header button css*/

.btn-head {
    line-height: 48px !important;
    height: 48px;
}


/*button 1*/

.r-g-btn-1 {
    background: #2c4bff;
    color: #fff;
    border: 1px solid #2c4bff;
}

.r-g-btn-1:hover {
    background: #fff;
    border: 1px solid #010101;
    color: #010101;
}


/*button 2*/

.r-g-btn-2 {
    background: #fff;
    border: 1px solid #484848;
    color: #484848;
}

.r-g-btn-2:hover {
    color: #fff;
    background: linear-gradient( 90deg, #ff0066 2.7%, #fd2b90 13.3%, #f14bb8 23.9%, #db67d9 34.5%, #be80f3 45.1%, #9a94ff 55.7%, #71a6ff 66.4%, #44b5ff 77%, #0fc1ff 87.6%, #00cbff 98.2%);
}


/*button 3*/

.r-g-btn-3 {
    background: #fff;
    border: 1px solid #fff;
    color: #010101;
}

.r-g-btn-3:hover {
    background: #ffdf5c;
    color: #010101;
    border: 1px solid #ffdf5c;
}


/*button 4*/

.inine-btn {
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    font-size: 18px;
    line-height: 28px;
}

.inine-btn:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #010101;
    width: 0%;
    bottom: -2px;
    right: 0;
    left: 0;
}

.inine-btn:hover:after {
    width: 100%;
}


/*button 4*/

.circlebtn {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*button 5*/

.r-g-btn-5 {
    background: #d2fc3f;
    color: #000 !important;
    border: 1px solid #d2fc3f;
}

.r-g-btn-5:hover {
    background: #fff;
    color: #010101;
    border: 1px solid #fff;
}


/*button 6*/

.r-g-btn-6 {
    background: #fff;
    color: #000 !important;
    border: 1px solid #fff;
}

.r-g-btn-6:hover {
    background: #d2fc3f;
    color: #000 !important;
    border: 1px solid #d2fc3f;
}


/*button 7*/

.r-g-btn-7 {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.r-g-btn-7:hover {
    background: #fff;
    color: #000 !important;
    border: 1px solid #000;
}


/*button 8*/

.r-g-btn-8 {
    background: #e93c35;
    color: #fff;
    border: 1px solid #e93c35;
}

.r-g-btn-8:hover {
    background: #fff;
    color: #000 !important;
    border: 1px solid #000;
}

.pair-btn {
    display: flex;
    grid-gap: 15px;
    align-items: center;
}

.mr-auto {
    margin: 0 auto;
    justify-content: center;
}


/*button css*/

.featured-tag {
    background-color: #00a14f;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 0 10px;
    text-transform: uppercase;
}

.paragraph p+p {
    margin-top: 15px;
}