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

html {
    scroll-behavior: smooth;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ol,
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    outline: none;
}

img {
    vertical-align: middle;
}

html,
body {
    overflow-x: clip;
}

:root {
    --montserrat-font: "Montserrat", sans-serif;
    --monaSans-font: "Mona Sans", sans-serif;
    --color-ffffff: #ffffff;
    --color-000000: #000000;
    --color-050315: #050315;
    --color-2E2EC5: #2E2EC5;
    --color-FF77B0: #FF77B0;
    --color-DCDCDC: #DCDCDC;
    --color-666666: #666666;
    --color-F8F8F8: #F8F8F8;
    --color-F5F5FF: #F5F5FF;
    --color-CACAFF: #CACAFF;
    --color-E8E8E8: #E8E8E8;
    --color-CCCCF7: #CCCCF7;
}

::selection {
    background-color: var(--color-2E2EC5);
    color: var(--color-ffffff);
}

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

::-webkit-scrollbar-thumb {
    background: var(--color-2E2EC5);
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background: var(--color-ffffff);
    border-radius: 6px;
}

.wrapper__container__1 {
    max-width: 1270px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.wrapper__container__2 {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.wrapper__container__780 {
    max-width: 680px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wrapper__container__900 {
    max-width: 930px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.h1 {
    font-family: var(--monaSans-font);
    font-weight: 600;
    font-size: 80px;
    line-height: 90px;

}

.h2 {
    font-family: var(--monaSans-font);
    font-weight: 700;
    font-size: 46.51px;
    line-height: 54.51px;

}

.h3 {
    font-family: var(--monaSans-font);
    font-weight: 700;
    font-size: 34.89px;
    line-height: 100%;
}

.h4 {
    font-family: var(--monaSans-font);
    font-weight: 700;
    font-size: 26.18px;
    line-height: 37px;
}

.h5 {
    font-family: var(--monaSans-font);
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;

}

.p {
    font-family: var(--montserrat-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: var(--color-666666);
}

.body__txt__100 {
    font-family: var(--monaSans-font);
    font-weight: 600;
    font-size: 100px;
    line-height: 110px;
}

.body__txt__50 {
    font-family: var(--montserrat-font);
    font-weight: 500;
    font-size: 50px;
    line-height: 58px;
}

.text__50__700___mona {
    font-family: var(--monaSans-font);
    font-weight: 700;
    font-size: 50px;
    line-height: 54.51px;
}

.body__txt__16 {
    font-family: var(--montserrat-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

.body__18__500__dc {
    font-family: var(--montserrat-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: var(--color-DCDCDC);
}

.body__txt__14 {
    font-family: var(--montserrat-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.body__22__600__mona {
    font-family: var(--monaSans-font);
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.link__18__600 {
    font-family: var(--montserrat-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.6px;
}


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

.fw__400 {
    font-weight: 400;
}

.fw__500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw__700 {
    font-weight: 700;
}

.fc__fff {
    color: var(--color-ffffff);
}

.fc__666666 {
    color: var(--color-666666);
}

.fc__FF77B0 {
    color: var(--color-FF77B0);
}

.fc__2E2EC5 {
    color: var(--color-2E2EC5);
}

.header__gradient {
    background: linear-gradient(3.47deg, #FF77B0 7.57%, #2E2EC5 26.44%, #0B0B75 49.73%, #050315 76.68%);
}

.footer__gradient {
    background: linear-gradient(3.47deg, #FF77B0 7.57%, #2E2EC5 26.44%, #0B0B75 49.73%, #050315 76.68%);
}

.section__cloud__gradient {
    background: linear-gradient(3.47deg, #0B0B75 11.6%, #050315 95.61%);
}

.faq__card__gradient {
    background: linear-gradient(313.26deg, #FF77B0 -17.35%, #2E2EC5 36.94%, #050315 79.62%);
}

.rectanular__box__gradient {
    background: linear-gradient(315.55deg, #FF77B0 -11.14%, #2E2EC5 18.66%, #050315 59.17%);

}

.card__gradient {
    background: linear-gradient(139.77deg, #181895 10.59%, #1A1A95 51.42%, #3939C6 100%);
}

.fc__050315 {
    color: var(--color-050315);
}

.fc__2E2EC5 {
    color: var(--color-2E2EC5);
}

.fc__FF77B0 {
    color: var(--color-FF77B0);
}

.fc__DCDCDC {
    color: var(--color-DCDCDC);
}

.py__120 {
    padding: 120px 0px;
}

.pb__120 {
    padding-bottom: 120px;
}

.pt__120 {
    padding-top: 120px;
}

/* margin comn class */

.mb__0 {
    margin-bottom: 0;
}

.mb__2 {
    margin-bottom: 2px;
}

.mb__4 {
    margin-bottom: 4px;
}

.mb__6 {
    margin-bottom: 6px;
}

.mb__8 {
    margin-bottom: 8px;
}

.mb__10 {
    margin-bottom: 10px;
}

.mb__12 {
    margin-bottom: 12px;
}

.mb__14 {
    margin-bottom: 14px;
}

.mb__16 {
    margin-bottom: 16px;
}

.mb__18 {
    margin-bottom: 18px;
}

.mb__20 {
    margin-bottom: 20px;
}

.mb__22 {
    margin-bottom: 22px;
}

.mb__24 {
    margin-bottom: 24px;
}

.mb__25 {
    margin-bottom: 25px
}

.mb__26 {
    margin-bottom: 26px
}

.mb__28 {
    margin-bottom: 28px
}

.mb__30 {
    margin-bottom: 30px;
}

.mb__32 {
    margin-bottom: 32px;
}

.mb__33 {
    margin-bottom: 33px;
}

.mb__40 {
    margin-bottom: 40px;
}

.mb__44 {
    margin-bottom: 48px;
}

.mb__48 {
    margin-bottom: 48px;
}

.mb__50 {
    margin-bottom: 50px;
}

.mb__52 {
    margin-bottom: 52px;
}

.mb__60 {
    margin-bottom: 60px;
}

.mb__64 {
    margin-bottom: 64px;
}

.mt__24 {
    margin-top: 24px;
}

.mt__16 {
    margin-top: 16px;
}

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

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


.d-flex {
    display: flex;
}

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

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

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

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

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

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

.custom_row {
    display: flex;
    flex-wrap: wrap;
}

.text__transform__capitalize {
    text-transform: capitalize;
}

.text__transform__uppercaseP {
    text-transform: uppercase;
}

.position__relative {
    position: relative;
}

.position__absolute {
    position: absolute;
}

.max-w-780 {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.max-w-906 {
    max-width: 906px;
    margin-left: auto;
    margin-right: auto;
}

.badge {
    position: absolute;
}

.btn_circle1,
.btn_circle2 {
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;

}

.btn_circle2 {
    transform: scale3d(1, 1, 1);
    margin-left: 0;
    transition: all 0.3s;
}

.btn_circle1 {
    transform: scale3d(0.5, 0.5, 1);
    margin-right: -52px;
    transition: all 0.3s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;

}

.wrapper__transparent__button {
    padding: 13px 23px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    font-family: "Montserrat", sans-serif;
    color: var(--color-ffffff);
    border-radius: 999px;
    text-transform: capitalize;
    text-align: center;
    z-index: 2;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-ffffff);
}

.btn_white .btn_circle1,
.btn_white .btn_circle2,
.btn_white .wrapper__transparent__button {
    background-color: var(--color-ffffff);
}

.btn_white .wrapper__transparent__button {
    color: var(--color-2E2EC5);
}

.btn_blue .btn_circle1,
.btn_blue .btn_circle2,
.btn_blue .wrapper__transparent__button {
    background-color: var(--color-2E2EC5);
}

.btn_pink .btn_circle1,
.btn_pink .btn_circle2,
.btn_pink .wrapper__transparent__button {
    background-color: var(--color-FF77B0);
}

.btn_pink .wrapper__transparent__button {
    color: var(--color-050315);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    border-color: var(--color-FF77B0);
}

/* transparent blue link button */
.comn_btn_group.btn_blue_trns .btn_circle1,
.comn_btn_group.btn_blue_trns .btn_circle2{
    border: 1px solid var(--color-2E2EC5) !important;
}
.comn_btn_group.btn_blue_trns .btn_circle1 img,
.comn_btn_group.btn_blue_trns .btn_circle2 img{
     filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(5199%) hue-rotate(235deg) brightness(86%) contrast(76%);
}
.comn_btn_group.btn_blue_trns .wrapper__transparent__button{
    color: var(--color-2E2EC5);
    border: 1px solid var(--color-2E2EC5);
}

/* .comn_btn_group.btn_blue .btn_circle1, 
.comn_btn_group.btn_blue .btn_circle2,
.comn_btn_group.btn_pink .btn_circle1, 
.comn_btn_group.btn_pink .btn_circle2,
.comn_btn_group.btn_white .btn_circle1, 
.comn_btn_group.btn_white .btn_circle2 {
    padding: 15px;
} */

.comn_btn_group {
    display: inline-flex;
}

.btn_blue .wrapper__transparent__button {
    border-color: var(--color-2E2EC5);
}

.btn_trns .btn_circle1,
.btn_trns .btn_circle2 {
    border: 1px solid var(--color-ffffff);
    padding: 14px;
}


.comn_btn_group:hover .btn_circle1 {
    transform: scale3d(1, 1, 1);
    margin-right: 0;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.comn_btn_group:hover .btn_circle2 {
    transform: scale3d(0.5, 0.5, 1);
    margin-left: -44px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.comn_btn_group.btn_pink .btn_circle1 img,
.comn_btn_group.btn_pink .btn_circle2 img {
    filter: brightness(0) saturate(100%);
}

.comn_btn_group .inner__btn__link {
    display: flex;
    align-items: center;
}

.pt__184 {
    padding-top: 184px;
}

.pd__184__120 {
    padding-top: 184px;
    padding-bottom: 120px;
}

.pb__100 {
    padding-bottom: 100px;
}

.pb__30 {
    padding-bottom: 30px;
}

.mb__62 {
    margin-bottom: 62px;
}

.pb__80 {
    padding-bottom: 80px;
}

.pb__32 {
    padding-bottom: 32px;
}

.mb__21 {
    margin-bottom: 21px;
}

.pb__40 {
    padding-bottom: 40px;
}

.mr__8 {
    margin-right: 8px;
}

.pb__114 {
    padding-bottom: 114px;
}

.comn__radius__40 {
    border-radius: 40px;
}

.py__60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py__100 {
    padding-bottom: 100px;
    padding-top: 100px;
}
.pb__60{
    padding-bottom: 60px;
}