@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Black+Ops+One&display=swap&display=swap&family=Solway:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&display=swap" rel="stylesheet');

/**************************/
/*     General Styles     */
/**************************/
:root {
    --color-primary:#152129;
    --color-secondary:#7B8A9C;
    --color-tertiary:#DADADA;
    --color-info:#1C22B9;
    --color-success:#1CB993;
    --color-danger:#E53535;
    --color-warning:#F38F32;
    --brandlink:#0063F7;
    --brandlinkhover:#0063F7;
    --brandbtn-primary:#020202;
    --brandbtn-secondary:#1B2143;
    --gradient: linear-gradient(to right top, #1daafa, #0091f6, #0077ee, #005be1, #3339ce);
}


/* .page-section{ min-height:100vh;} */
.pe-auto{cursor: pointer;}
body{margin:0; padding:0;font-size:16px;  background: #fff; color: var(--brandtext-primary); font-family: 'Inter', sans-serif!important;}
a{ color: var(--brandlink); text-decoration: none; cursor: pointer;}
a:hover{ color: #5641df;text-decoration: underline;}
hr{ margin: 1rem 0;color: inherit;background-color: #ebebeb;border: 0;opacity: 1;}
p{ padding: 0px; margin: 0px;}
.bg-gradient-primary{ background-image:var(--gradient)!important; ;}
.mojo-green{background-color: #05A660;}

.h-5px {
    height: 5px !important;
}
/**************************/
/*     Text  Styles     */
/**************************/

.txt-primary{ color: var(--color-primary)!important;}
.txt-secondary{ color: var(--color-secondary)!important;}
.txt-tertiary{ color: var(--color-tertiary)!important;}
.txt-info{ color: var(--color-info)!important;}
.txt-danger{ color: var(--color-danger)!important;}
.txt-success{color: var(--color-success)!important;}
.txt-warning{ color: var(--color-warning)!important;}
.txt-gradient-primary{
    background: linear-gradient(93.47deg, #7545DB 4.48%, #4968EB 97.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}



/**************************/
/*     Border  styling     */
/**************************/
.border-primary{ border-color:var(--color-primary)!important;}
.border-secondary{ border-color:var(--color-secondary)!important;}
.border-tertiary{ border-color:var(--color-tertiary)!important;}
.border-info{ border-color:var(--color-info)!important;}
.border-danger{ border-color:var(--color-danger)!important;}
.border-success{ border-color:var(--color-success)!important;}
.border-warning{ border-color:var(--color-warning)!important;}
.text-orange{ color:#F9AF6B;}
.text-yellow{ color:#FFAB07}

/**************************/
/*     Font Sizes     */
/**************************/
.text-10 {font-size: 11px;}
.text-xs{ font-size: 12px!important;}
.text-sm{ font-size: 14px!important;}
.text-md{ font-size: 16px!important;}
.text-lg{ font-size: 18px!important;}
.text-20{ font-size: 20px!important;}
.text-22{ font-size: 22px!important;}
.text-xl{ font-size: 24px!important;}
.text-xxl{ font-size: 28px!important;}
.text-32{font-size: 32px;}
.text-36{font-size: 36px;}
.fw-3{font-weight: 300;}
.fw-4{font-weight: 400;}
.fw-5{font-weight: 500;}
.fw-6{font-weight: 600;}
.fw-7{font-weight: 700;}



/**************************/
/*     Button  styling     */
/**************************/
.btn-grad{ border-radius: 50rem!important;width: 100%;background: linear-gradient(93.03deg,#1daafa 7.12%,#3339ce 46.3%,#000 94.91%);padding: 15px 35px;border: 0!important; text-align: center;color: #fff!important;border-radius: 10px;display: block; height: 50px; line-height: 32px;}
.btn-grad:hover{ background-position: right center;color: #fff;text-decoration: none;}

.btn-grad-secondary{ border-radius: 50rem!important;width: 100%; background: linear-gradient(93.47deg, #7545DB 4.48%, #4968EB 97.9%); padding: 15px 35px;border: 0;text-align: center;color: #fff!important;border-radius: 10px;display: block; height: 50px; line-height: 32px;}
.btn-grad-secondary:hover{ background-position: right center;color: #fff;text-decoration: none;}

.btn-grad-primary{ border-radius: 50rem!important;width: 100%;background: linear-gradient(94.4deg, #1DAAFA 31.26%, #3339CE 98.24%);padding: 15px 35px;border: 0;text-align: center;color: #fff;border-radius: 10px;display: block;}
.btn-grad-primary:hover{ background-position: right center;color: #fff;text-decoration: none;}
 

.btn-primary{ color: #fff;background-color: #0063F7;border-color: transparent;}
.btn-primary.disabled,.btn-primary:disabled{ color: #fff;background-color: #80B1FB;border-color: transparent;}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show > .btn-primary.dropdown-toggle{ color: #fff;background-color: #80B1FB;border-color: #80B1FB;}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show > .btn-primary.dropdown-toggle:focus{ box-shadow: none;}
.btn-secondary{ color: #fff;background-color: #645f88;border-color: transparent;}
.btn-secondary.disabled,.btn-secondary:disabled{ color: #fff;background-color: #59547c;border-color: transparent;}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show > .btn-secondary.dropdown-toggle{ color: #fff;background-color: #645f88;border-color: #59547c;}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show > .btn-secondary.dropdown-toggle:focus{ box-shadow: none;}

.btn-outline-primary{ color: var(--color-primary); border:1px solid #B8C1CC; height: 50px; line-height: 32px; background-color: #fff;  text-align:left; padding-left:25%;}
.btn-outline-primary:hover{ color: #fff;background-color: var(--brandlink);border-color:  var(--brandlink);}
.btn-outline-primary.focus,.btn-outline-primary:focus{ box-shadow: none;}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{ color: #6c55f9;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show > .btn-outline-primary.dropdown-toggle{ color: #fff;background-color: #6c55f9;border-color: #6c55f9;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{ box-shadow: none;}
.btn-outline-secondary{ color: #645f88;border-color:rgba(0,0,0,.15);}
.btn-outline-secondary:hover{ color: #fff;background-color: #645f88;border-color: rgba(0,0,0,.15);}
.btn-outline-secondary.focus,.btn-outline-secondary:focus{ box-shadow: none;}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{ color: #645f88;background-color: transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show > .btn-outline-secondary.dropdown-toggle{ color: #000;background-color: #fff;border-color: #645f88;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{ box-shadow: none;}


.btn { padding: 8px 20px; }
.btn-rounded { border-radius: 50px!important; }

.btn-black { color: #fff!important; background-color: #152129!important; border-color: transparent!important; }
.btn-black:hover { background-color: #152129!important; color: #fff!important; text-decoration: none!important; }

.bottom-shadow { box-shadow: 0 4px 4px rgba(21, 33, 41, 0.1); }

.btn-black-btn { border-radius: 50rem!important; width: 100%; background: #152129!important; border: 0; text-align: center; color: #fff!important; border-radius: 10px; display: block; height: 50px; line-height: 46px; text-decoration: none; }
.btn-black-btn:hover { background: #152129; background-position: right center; color: #fff!important; text-decoration: none; }


.btn-black-btn{ border-radius: 50rem!important;width: 100%;background: #152129!important;border: 0;text-align: center;color: #fff!important;border-radius: 10px;display: block; height: 50px; line-height:46px; text-decoration: none;}
.btn-black-btn:hover{background: #152129; background-position: right center;color: #fff!important;text-decoration: none;}

.btn-white{font-family:'Inter',sans-serif;border-radius:8px;color:#152129!important;font-size:12px;font-weight:600;border:0.5px solid #EAEAEA;background:#E2E2E2; line-height: 32px;}
.btn-white:hover, .btn-white:active{border-radius:10px;color:#fff!important;background:linear-gradient(145deg,#7545DB 0%,#4968EB 100%)!important;}
.btn-white.active{border-radius:10px;color:#fff!important;background:linear-gradient(145deg,#7545DB 0%,#4968EB 100%)!important;}
.btncaps{text-transform:uppercase;font-size:14px;}

.container-left{ padding-left: 15px;padding-right: 15px;}
 
 @media (min-width:576px){
.container-left{ margin-left: 0;margin-right: calc(50vw - 270px);}
 }
 
 @media (min-width:768px){
.container-left{ margin-left: 0;margin-right: calc(50vw - 360px);}
 }
 
 @media (min-width:992px){
.container-left{ margin-left: 0;margin-right: calc(50vw - 480px);}
 }
 
 @media (min-width:1200px){
.container-left{ margin-left: 0;margin-right: calc(50vw - 570px);}
 }
 .text-orange { color: #f9af6b!important; }
.text-yellow { color: #ffab07!important; }