:root {
    --dark0:#1C1C28;
    --dark1:#28293D;
    --dark2:#555770;
    --dark3:#8F90A6;
    --dark4:#C7C9D9;
    --dark5:#28293D;
    --light0:#E4E4EB;
    --light1:#EBEBF0;
    --light2:#F2F2F5;
    --light3:#FAFAFC;
    --light4:#FFFFFF;
    --red0:#E53535;
    --red1:#FF3B3B;
    --red2:#FF5C5C;
    --red3:#ff8080;
    --red4:#FFE5E5;
    --green0:#05A660;
    --green1:#06C270;
    --green2:#39D98A;
    --green3:#E3FFF1;
    --blue0:#0063F7;
    --blue1:#0063F7;
    --blue2:#5B8DEF;
    --blue3:#9DBFF9;
    --blue4: #e5f0ff;
    --blue5:#3AA8CD;
    --blue6:#256c84;
    --orange0:#E67A00;
    --orange1:#FF8800;
    --orange2:#FDAC42;
    --orange3:#FCCC75;
    --orange4:#FFF8E6;
    --yellow0:#E6B800;
    --yellow1:#FFCC00;
    --yellow2:#FDDD48;
    --yellow3:#FDED72;
    --yellow4:#FFFEE6;
    --gray6:#F2F2F2;
}

.d-ltr{
    direction: ltr;
}
.line1{
    border-top: 1px solid #C7C9D9
}
/*overflow*/
.overflow-nowrap-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
}.overflow-nowrap-3 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     -moz-line-clamp: 3;
     -moz-box-orient: vertical;
 }

/*/overflow*/
/*.width*/
.w-6{
    width: 6px;
}
.w-8{
    width: 8px;
}
.w-12{
    width: 12px;
}
.w-14{
    width: 14px;
}
.w-15{
    width: 15px;
}
.w-16{
    width: 16px;
}
.w-18{
    width: 18px;
}
.w-20{
    width: 20px;
}
.w-23{
    width: 23px;
}
.w-24{
    width: 24px;
}
.w-32{
    width: 32px;
}
.w-64{
    width: 64px;
}
.w-94{
    width: 94px!important;
}
.w-120{
    width: 120px!important;
}
.w-130{
    width: 130px!important;
}
.w-141{
    width: 141px!important;
}
.w-146{
    width: 146px!important;
}
.w-157{
    width: 157px!important;
}
.w-196{
    width: 196px!important;
}
/*/.width*/
/*.height*/
.h-6{
    height: 6px;
}
.h-8{
    height: 8px;
}
.h-12{
    height: 12px;
}
.h-14{
    height: 14px;
}
.h-15{
    height: 15px;
}
.h-16{
    height: 16px;
}
.h-18{
    height: 18px;
}
.h-20{
    height: 20px;
}
.h-24{
    height: 24px;
}
.h-30{
    height: 30px;
}
.h-32{
    height: 32px;
}
.h-40{
    height: 40px!important;
}
.h-48{
    height: 48px;
}
.h-64{
    height: 64px;
}
.h-120{
    height: 120px;
}
/*/.height*/
/*padding*/
.pt-67{
    padding-top: 67px;
}
/*/padding*/
/*font-size*/
.font-size-7 {
    font-size: 7px;
}
a:hover{
    text-decoration: none;
}

.font-size-8 {
    font-size: 8px !important;
}
.font-size-9 {
    font-size: 9px !important;
}
.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-19 {
    font-size: 19px;
}

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

.font-size-21 {
    font-size: 21px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-23 {
    font-size: 23px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-27 {
    font-size: 27px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-29 {
    font-size: 29px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-36 {
    font-size: 36px;
}

/*/font-size*/
/*font-weight*/
.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

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

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}
/*/font-weight*/


.small-label{
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 17px;
    color: #000000;
}
.medium-label {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}
.large-Label {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
.display1{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 109px;
    color: #000000;
}
.display2 {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 56px;
    line-height: 95px;
    color: #000000;
}
.headings-h1{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 54px;
    color: #000000;
}
.headings-h2{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 44px;
    color: #000000;

}
.headings-h3{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
    color: #000000;
}
.headings-h4{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}
.headings-h5{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
}
.headings-h6{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.body-16pt{
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    color: #000000;
}
.body-14pt{
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
    color: #000000;

}
.stylized-capitalized{

    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    text-transform: capitalize;
}
.stylized-blockquote{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}
.stylized-lead {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
}
.stylized-small{
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}
.stylized-tiny{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    color: #000000;
}
/*background /color*/
.bg-dark0{
    background: var(--dark0);
}
.text-dark0{
    color:var(--dark0);
}
.bg-dark1{
    background: var(--dark1);
}
.text-dark1{
    color:var(--dark1);
}
.bg-dark2{
    background: var(--dark2);
}
.text-dark2{
    color:var(--dark2);
}
.bg-dark3{
    background: var(--dark3);
}
.text-dark3{
    color:var(--dark3);
}
.bg-dark4{
    background: var(--dark4);
}
.text-dark4{
    color:var(--dark4);
}
.bg-dark5{
    background: var(--dark5);
}
.text-dark5{
    color:var(--dark5);
}
.bg-light0{
    background: var(--light0);
}
.text-light0{
    color:var(--light0);
}
.bg-light1{
    background: var(--light1);
}
.text-light1{
    color:var(--light1);
}
.bg-light2{
    background: var(--light2);
}
.text-light2{
    color:var(--light2);
}
.bg-light3{
    background: var(--light3);
}
.text-light3{
    color:var(--light3);
}
.bg-light4{
    background: var(--light4);
}
.text-light4{
    color:var(--light4);
}
.bg-red0{
    background: var(--red0);
}
.text-red0{
    color:var(--red0);
}
.bg-red1{
    background: var(--red1);
}
.text-red1{
    color:var(--red1);
}
.bg-red2{
    background: var(--red2);
}
.text-red2{
    color:var(--red2);
}
.bg-red3{
    background: var(--red3);
}
.text-red3{
    color:var(--red3);
}
.bg-green0{
    background: var(--green0);
}
.text-green0{
    color:var(--green0);
}
.bg-green1{
    background: var(--green1);
}
.text-green1{
    color:var(--green1);
}
.bg-green2{
    background: var(--green2);
}
.text-green2{
    color:var(--green2);
}
.bg-green3{
    background: var(--green3);
}
.text-green3{
    color:var(--green3);
}
.bg-blue0{
    background: var(--blue0);
}
.text-blue0{
    color:var(--blue0);
}
.bg-blue1{
    background: var(--blue1);
}
.text-blue1{
    color:var(--blue1);
}
.bg-blue2{
    background: var(--blue2);
}
.text-blue2{
    color:var(--blue2);
}
.bg-blue3{
    background: var(--blue3);
}
.text-blue3{
    color:var(--blue3);
}
.bg-blue4{
    background: var(--blue4);
}
.text-blue4{
    color:var(--blue4);
}
.bg-blue5{
    background: var(--blue5);
}
.text-blue5{
    color:var(--blue5);
}
.bg-blue6{
    background: var(--blue6);
}
.text-blue6{
    color:var(--blue6);
}
.bg-orange0{
    background: var(--orange0);
}
.text-orange0{
    color:var(--orange0);
}
.bg-orange1{
    background: var(--orange1);
}
.text-orange1{
    color:var(--orange1);
}
.bg-orange2{
    background: var(--orange2);
}
.text-orange2{
    color:var(--orange2);
}
.bg-orange3{
    background: var(--orange3);
}
.text-orange3{
    color:var(--orange3);
}
.bg-orange4{
    background: var(--orange4);
}
.text-orange4{
    color:var(--orange4);
}
.bg-yellow0{
    background: var(--yellow0);
}
.text-yellow0{
    color:var(--yellow0);
}
.bg-yellow1{
    background: var(--yellow1);
}
.text-yellow1{
    color:var(--yellow1);
}
.bg-yellow2{
    background: var(--yellow2);
}
.text-yellow2{
    color:var(--yellow2);
}
.bg-yellow3{
    background: var(--yellow3);
}
.text-yellow3{
    color:var(--yellow3);
}
.bg-yellow4{
    background: var(--yellow4);
}
.text-yellow4{
    color:var(--yellow4);
}
.elevation-0{
    background: #C4C4C4;
    box-shadow: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
}
.elevation-1{
    background: #C4C4C4;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.08), 0 0.5px 2px rgba(96, 97, 112, 0.16);
}
.elevation-2{
    background: #C4C4C4;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
}
.elevation-3{
    background: #C4C4C4;
    box-shadow: 0 0 2px rgba(40, 41, 61, 0.04), 0 4px 8px rgba(96, 97, 112, 0.16);
}
.elevation-4{
    background: #C4C4C4;
    box-shadow: 0 2px 4px rgba(40, 41, 61, 0.04), 0 8px 16px rgba(96, 97, 112, 0.16);
}
.elevation-5{
    background: #C4C4C4;
    box-shadow: 0 2px 8px rgba(40, 41, 61, 0.08), 0 20px 32px rgba(96, 97, 112, 0.24);
}
.margin-top-8{
    margin-top: 8px;
}
.margin-top-29{
    margin-top: 29px;
}
.margin-bottom-8{
    margin-bottom: 8px;
}
.margin-right-8{
    margin-right: 8px;
}
.margin-left-8{
    margin-left: 8px;
}
.margin-top-16{
    margin-top: 16px;
}
.margin-bottom-16{
    margin-bottom: 16px;
}
.margin-right-16{
    margin-right: 16px;
}
.margin-left-16{
    margin-left: 16px;
}
.margin-top-24{
    margin-top: 24px;
}
.margin-bottom-24{
    margin-bottom: 24px;
}
.margin-right-24{
    margin-right: 24px;
}
.margin-left-24{
    margin-left: 24px;
}
.margin-top-32{
    margin-top: 32px;
}
.margin-bottom-32{
    margin-bottom: 32px;
}
.margin-right-32{
    margin-right: 32px;
}
.margin-left-32{
    margin-left: 32px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-right-40{
    margin-right: 40px;
}
.margin-left-40{
    margin-left: 40px;
}
.margin-top-48{
    margin-top: 48px;
}
.margin-bottom-48{
    margin-bottom: 48px;
}
.margin-right-48{
    margin-right: 48px;
}
.margin-left-48{
    margin-left: 48px;
}
.margin-top-56{
    margin-top: 56px;
}
.margin-bottom-56{
    margin-bottom: 56px;
}
.margin-right-56{
    margin-right: 56px;
}
.margin-left-56{
    margin-left: 56px;
}
.margin-top-64{
    margin-top: 64px;
}
.margin-bottom-64{
    margin-bottom: 64px;
}
.margin-right-64{
    margin-right: 64px;
}
.margin-left-64{
    margin-left: 64px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-right-80{
    margin-right: 80px;
}
.margin-left-80{
    margin-left: 80px;
}
.margin-top-120{
    margin-top: 120px;
}
.margin-bottom-120{
    margin-bottom: 120px;
}
.margin-right-120{
    margin-right: 120px;
}
.margin-left-120{
    margin-left: 120px;
}
/*button*/
.btn-red{
    background: #D3203A;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
    border-radius: 8px;
    color: #ffffff;
}
.btn-red:hover{
    background: #E65A6F;
    color: #ffffff;
}
.btn-red:focus,.btn-red.focus{
    box-shadow: 0 0 0 0.2rem rgba(248,206,212,1);
    color: #ffffff;
    outline: 0;
}
.btn-red:active{
    background: #98172A;
    color: #ffffff;
}
.btn-orange{
    background: #FF3B3B;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
    border-radius: 8px;
    color: #ffffff;
}
.btn-orange:hover{
    background:#FF5C5C;
    color: #ffffff;
}
.btn-orange:focus,.btn-orange.focus{
    box-shadow: 0 0 0 0.2rem rgba(255, 229, 229, 1);
    color: #ffffff;
    outline: 0;
}
.btn-orange:active{
    background: #E53535;
    color: #ffffff;
}
.btn-green{
    background: #06C270;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
    border-radius: 8px;
    color: #ffffff;
}
.btn-green:hover{
    background: #39D98A;
    color: #ffffff;
}
.btn-green:focus,.btn-green.focus{
    box-shadow: 0 0 0 0.2rem rgba(227, 255, 241, 1);
    color: #ffffff;
    outline: 0;
}
.btn-green:active{
    background: #05A660;
    color: #ffffff;
}
.btn-transparent{
    border: 1px solid #C7C9D9;
    border-radius: 8px;
    color:#555770;
    background: transparent;
}
.btn-transparent:hover{
    /*background: #E5E5E5;*/
    background: var(--light2);
    color:#555770;
}
.btn-transparent:focus,.btn-transparent.focus{
    color:#555770;
    outline: 0;
    border: 1px solid #555770;
    box-shadow: none;
}
.btn-transparent:active{
    background: transparent;
    border: 1px solid #C7C9D9;
    color:#555770;
}
.btn-transparent2{
    background: transparent;
    font-size:12px;
    font-weight: 500;
    border-radius: 8px;
}
.btn-transparent2:hover{
    background: var(--light2);
    color:#555770;
}
.btn-with-icon1{
    width: 40px;
    height: 40px;
    background: #F2F2F5;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
    border-radius: 100px;
}
.btn-with-icon1 i{
    font-size: 18px;
    color: #555770;
    font-weight: 300;
}
.btn-with-icon1:hover{
    background: #F2F2F5;
    border: 1px solid #C7C9D9;
}
.btn-with-icon1:hover{
    background: #F2F2F5;
    border: 1px solid #C7C9D9;
}

.btn-with-icon1:focus,.btn-with-icon1.focus{
    border: 1px solid #555770;
    box-sizing: border-box;
    box-shadow: none;
}
.btn-with-icon1:active{
    background: #C7C9D9;
}
.btn-with-icon2{
    border: 1px solid #E65A6F;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    background: transparent;
    color: #d6324a;
}
.btn-with-icon2 i{
    font-weight: 300;
    font-size: 18px;
    color: #d6324a;
}
.btn-with-icon2:hover{
    background: #F8CED4;
    color: #d6324a;
}
.btn-with-icon2:focus,.btn-with-icon2.focus{
    border: 1px solid #98172A;
    background: transparent;
    color: #d6324a;
    box-shadow: none;
}
.btn-with-icon2:active{
    background: #E65A6F;
    border: 1px solid #E65A6F;
    color: #ffffff;
}
.custom-btn-lg{
    width: 84px;
    height: 32px;
    font-size: 12px;
    font-weight: 500;
    padding-top: 0.35rem;
}
.custom-btn-xl{
    width: 97px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    padding-top: 0.50rem;
}
.custom-alert{
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    /*min-height: 56px;*/
}
.custom-alert-primary{
    border-right: 3px solid var(--blue1);
    background: var(--blue4);
    color: var(--dark1);
}
.custom-alert-success{
    border-right: 3px solid var(--green1);
    background: var(--green3);
    color: var(--dark1);
}
.custom-alert-danger{
    border-right: 3px solid var(--red1);
    background: var(--red3);
    color: var(--dark1);
}
.custom-alert-warning{
    border-right: 3px solid var(--orange1);
    background: var(--orange4);
    color: var(--dark1);
}
.custom-alert-secondary{
    background: var(--gray6);
    color: var(--dark2);
}
.custom-alert-primary .btn-transparent2{
    border: 1px solid var(--blue1);
    color:var(--blue1);

}
.custom-alert .btn-left{
    position: absolute;
    left: 5px;
    top: 5px;
}
.alert-dismissible .close {
    right: unset;
    left: 0;
}
.alert-dismissible {
    padding-left: 4rem!important;
    padding-right: 1.25rem;
}
.btn-left2{
    position: absolute;
    bottom: 17px;
    left: 5px;
}
.custom-input-label{
    width: 15%;
}
.custom-input {
    box-shadow: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
    border-radius: 8px;
    background: white;
    font-weight: 400;
    font-size: 12px;
    border: 0;
    width: 80%;
    height: 40px;
    padding-right: 20px;
    color: var(--dark3);
}
.custom-input:focus-visible{
    outline: 1px solid #307ab1;
}
.custom-input-top-label{
    margin-right: 17%;
}
.input-icon {
    position: absolute;
    right: 21%;
    top: 12px;
}
.custom-input-with-icon{
    padding-right: 50px;
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: transparent;
    border: 1px solid #C7C9D9;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin-left: 7px;
    text-align: center;
    border-radius: 3px;
    line-height: 19px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    background: #D3203A;
    color: #fff;
    padding: 0;
    border: 0;
    font-weight: 600;
    font-size: 11px;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: #D3203A;
    font-size: 15px;
    padding: 0;
    border: 1px solid #ffffff;
}


.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #C7C9D9
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #C7C9D9

}

input:checked + .slider {
    background-color: #D3203A;
    border: 1px solid white;

}

input:focus + .slider {
    box-shadow:unset!important;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    border: 0;

}
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1220px;
    }
}
























.custom-card{
    background: #FFFFFF;
    box-shadow: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
    border-radius: 8px;
    /*height: 635px;*/
    border: 0;
    padding: 20px;
}
.card-custom2{
    width: 210px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.08), 0 0.5px 2px rgba(96, 97, 112, 0.16);
    border-radius: 15px
}
.h-120{
    height: 120px;
}
.h-40{
    width: 40px;
}
.w-136{
    width: 136px;
}
.btn-blue1{
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
    border-radius: 10px;
    color: white;
    background:#3AA8CD;
}
.btn-blue1:hover{
    color: white;
}

.custom-input {
    box-shadow: inset 0 0.5px 4px rgba(18, 85, 236, 0.1);
    border-radius: 8px;
    background: white;
    font-weight: 400;
    font-size: 12px;
    border: 0;
    width: 80%;
    height: 40px;
    padding-right: 20px;
    color: var(--dark3);
}
.btn-send{
    display: block;
    margin: auto;
}