@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*,
.margin0 {
    margin: 0
}

.dflexbetween,
.dflexcenter,
.dflexcolumn,
.dflexevenly {
    display: flex;
    display: flex
}

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

body {
    font-family: Montserrat, sans-serif
}

:root {
    --white: #ffffff;
    --white1: #F4F4F2;
    --white2: #E8E8E8;
    --white3: #F4F4F4;
    --white4: #F0F0F0;
    --black: #000000;
    --black1: #03001C;
    --black2: #100F0F;
    --black3: #1B1A17;
    --black4: #212121;
    --red: #CD0404;
    --red1: #B73E3E;
    --red2: #DC0000;
    --red3: #850000;
    --red4: #FF0032;
    --yellow: #FCE22A;
    --yellow1: #F2CD5C;
    --yellow2: #FFFBAC;
    --yellow3: #FFFBEB;
    --yellow4: #FCFDF2;
    --green: #03C988;
    --green1: #CDE990;
    --green2: #68B984;
    --green3: #3D5656;
    --green4: #425F57;
    --orange: #ff9800
}

.bg-black {
    background-color: var(--black)
}

.bg-white {
    background-color: var(--white)
}

.bg-white2 {
    background-color: #f6f6f2
}

.bg-green {
    background-color: var(--green)
}

.bg-red {
    background-color: var(--red)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-orange {
    background-color: var(--orange)
}

.bg-default {
    background-color: var(--default)
}

.text-white {
    color: var(--white)
}

.text-black {
    color: var(--black)
}

.text-default {
    color: var(--default)
}

.text-gray1 {
    color: #575757
}

.fontsize4 {
    font-size: 4rem
}

.fontsize35 {
    font-size: 3.5rem
}

.fontsize3 {
    font-size: 3rem
}

.fontsize25 {
    font-size: 2.5rem
}

.fontsize2 {
    font-size: 2rem
}

.fontsize15 {
    font-size: 1.5rem
}

.fontsize1 {
    font-size: 1rem
}

.fontsize09 {
    font-size: .9rem
}

.paddingbottomxxl,
.paddingtopxxl {
    padding-top: 200px
}

.paddingbottomxl,
.paddingtopxl {
    padding-top: 150px
}

.paddingbottoml,
.paddingtopl {
    padding-top: 100px
}

.paddingbottomm,
.paddingtopm {
    padding-top: 75px
}

.paddingbottoms,
.paddingtops {
    padding-top: 50px
}

.paddingbottomxs,
.paddingtopxs {
    padding-top: 25px
}

.paddingleftxxl {
    padding-left: 200px
}

.paddingleftxl {
    padding-left: 150px
}

.paddingleftl {
    padding-left: 100px
}

.paddingleftm {
    padding-left: 75px
}

.paddinglefts {
    padding-left: 50px
}

.paddingleftxs {
    padding-left: 25px
}

.paddingextrasmallleft {
    padding-left: 10px
}

.paddingextrasmalright {
    padding-right: 10px
}

.paddingrightxxl {
    padding-right: 200px
}

.paddingrightxl {
    padding-right: 150px
}

.paddingrightl {
    padding-right: 100px
}

.paddingrightm {
    padding-right: 75px
}

.paddingrights {
    padding-right: 50px
}

.paddingrightxs {
    padding-right: 25px
}

.padding1 {
    padding: 1rem 0
}

.margintopxxl {
    margin-top: 200px
}

.margintopxl {
    margin-top: 150px
}

.margintopl {
    margin-top: 100px
}

.margintopm {
    margin-top: 75px
}

.margintops {
    margin-top: 50px
}

.margintopxs {
    margin-top: 25px
}

.marginbottomxxl {
    margin-bottom: 200px
}

.marginbottomxl {
    margin-bottom: 150px
}

.marginbottoml {
    margin-bottom: 100px
}

.marginbottomm {
    margin-bottom: 75px
}

.marginbottoms {
    margin-bottom: 50px
}

.marginbottomxs {
    margin-bottom: 25px
}

.marginleftxxl {
    margin-left: 200px
}

.marginleftxl {
    margin-left: 150px
}

.marginleftl {
    margin-left: 100px
}

.marginleftm {
    margin-left: 75px
}

.marginlefts {
    margin-left: 50px
}

.marginleftxs {
    margin-left: 25px
}

.marginauto {
    margin: auto
}

.marginrightxxl {
    margin-right: 200px
}

.marginrightxl {
    margin-right: 150px
}

.marginrightl {
    margin-right: 100px
}

.marginrightm {
    margin-right: 75px
}

.marginrights {
    margin-right: 50px
}

.marginrightxs {
    margin-right: 25px
}

.textleft {
    text-align: left
}

.textright {
    text-align: right
}

.textcenter {
    text-align: center
}

.textjustify {
    text-align: justify
}

.btn-default-sm {
    padding: 10px 20px
}

.btn-default-md {
    padding: 20px 30px
}

.btn-default-l {
    padding: 30px 40px
}

.btn-default-square {
    padding: 30px 25px
}

.border_radius0 {
    border-radius: 0
}

.borderradius10 {
    border-radius: 10px
}

.borderradius20 {
    border-radius: 20px
}

.borderradius30 {
    border-radius: 30px
}

.borderradius50 {
    border-radius: 50px
}

.borderradius100 {
    border-radius: 100px
}

.border_radius100 {
    border-radius: 100%
}

.border_radius75 {
    border-radius: 75%
}

.border_radius50 {
    border-radius: 50%
}

.border0 {
    border: 0
}

.border1 {
    border: 1px solid #00f
}

.border2 {
    border: 2px solid #00f
}

.border3 {
    border: 3px solid #00f
}

.border5 {
    border: 5px solid #00f
}

.border10 {
    border: 10px solid #00f
}

.font-weight100 {
    font-weight: 100
}

.font-weight200 {
    font-weight: 200
}

.font-weight300 {
    font-weight: 300
}

.font-weight400 {
    font-weight: 400
}

.font-weight500 {
    font-weight: 500
}

.font-weight600 {
    font-weight: 600
}

.font-weightbold {
    font-weight: 700
}

.font-weightbolder {
    font-weight: bolder
}

.text-decnone,
a {
    text-decoration: none
}

.text-decunderline {
    text-decoration: underline
}

.text-decoverline {
    text-decoration-line: overline
}

.text-linet {
    text-decoration-line: line-through
}

.w100 {
    width: 100%
}

.w75 {
    width: 75%
}

.w50 {
    width: 50%
}

.w25 {
    width: 25%
}

.ofcover,
img {
    object-fit: cover
}

.ofcontain {
    object-fit: contain
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.letterspacings {
    letter-spacing: 1px
}

.letterspacingm {
    letter-spacing: 3px
}

.letterspacingl {
    letter-spacing: 5px
}

.letterspacingxl {
    letter-spacing: 8px
}

.letterspacingxxl {
    letter-spacing: 10px
}

.lineheightsmall {
    line-height: .8
}

.lineheightmedium {
    line-height: 1.8
}

.lineheightlarge {
    line-height: 2.5
}

.lineheightxlarge {
    line-height: 3.2
}

.wordspacexl {
    word-spacing: 30px
}

.wordspacel {
    word-spacing: 20px
}

.wordspacem {
    word-spacing: 15px
}

.wordspaces {
    word-spacing: 10px
}

.wordspacexs {
    word-spacing: 5px
}

.whitespacenw {
    white-space: nowrap
}

.textshadow1 {
    text-shadow: 0 2px 1px #747474, -1px 3px 1px #767676, -2px 5px 1px #787878, -3px 7px 1px #7a7a7a, -4px 9px 1px #7f7f7f, -5px 11px 1px #838383, -6px 13px 1px #878787, -7px 15px 1px #8a8a8a, -8px 17px 1px #8e8e8e, -9px 19px 1px #949494, -10px 21px 1px #989898, -11px 23px 1px #9f9f9f, -12px 25px 1px #a2a2a2, -13px 27px 1px #a7a7a7, -14px 29px 1px #adadad, -15px 31px 1px #b3b3b3, -16px 33px 1px #b6b6b6, -17px 35px 1px #bcbcbc, -18px 37px 1px #c2c2c2, -19px 39px 1px #c8c8c8, -20px 41px 1px #cbcbcb, -21px 43px 1px #d2d2d2, -22px 45px 1px #d5d5d5, -23px 47px 1px #e2e2e2, -24px 49px 1px #e6e6e6, -25px 51px 1px #eaeaea, -26px 53px 1px #efefef
}

.textshadow2 {
    color: #dfdfdf;
    text-shadow: 0 2px 2px #dfdfdf, -2px 5px 1px #b8b8b8, -4px 8px 0 #979797, -6px 11px 0 #747474, -8px 14px 0 #565656, -10px 17px 0 #343434, -12px 20px 0 #171717, -14px 23px 0 #000
}

.textshadow3 {
    color: #fffbac;
    text-shadow: 3px 0 7px rgba(81, 67, 21, .8), -3px 0 7px rgba(81, 67, 21, .8), 0 4px 7px rgba(81, 67, 21, .8)
}

.textshadow4 {
    color: var(--red);
    text-shadow: 2px 3px 7px #fff, 0 10px 1px var(--red)
}

.textshadow5 {
    color: #000;
    text-shadow: 3px 3px 20px #f9c, -2px 1px 30px #f9c
}

.textshadow6 {
    color: #03c988;
    text-shadow: 16px 22px 11px rgba(168, 158, 32, .8)
}

.textshadow7 {
    color: var(--white3);
    text-shadow: -1px 1px 0 #41ba45, 1px 1px 0 #c63d2b, 1px -1px 0 #42afac, -1px -1px 0 #c6c23f
}

.listtypecircle {
    list-style-type: circle
}

.listtypesquare {
    list-style-type: square
}

.listtypeupperroman {
    list-style-type: upper-roman
}

.listtypealphas {
    list-style-type: lower-alpha
}

.listtypealphal {
    list-style-type: upper-alpha
}

.listtypenone {
    list-style-type: none
}

.listtypeimg1 {
    list-style-image: url('bullet1.gif')
}

.listtypeimg2 {
    list-style-image: url('bullet2.gif')
}

.listtypeimg3 {
    list-style-image: url('bullet3.gif')
}

.listtypeimg4 {
    list-style-image: url('bullet4.gif')
}

.listtypeimg5 {
    list-style-image: url('bullet5.gif')
}

.listtypeimg6 {
    list-style-image: url('bullet6.gif')
}

.liststylepositionoutside {
    list-style-position: outside
}

.liststylepositioninside {
    list-style-position: inside
}

.relativepos {
    position: relative
}

.absolutepos {
    position: absolute
}

.zindexxl {
    z-index: 100
}

.zindexl {
    z-index: 90
}

.zindel {
    z-index: 80
}

.zindexm {
    z-index: 70
}

.zindexs {
    z-index: 60
}

.zindexxs {
    z-index: 50
}

.overflowhidden {
    overflow: hidden
}

.overflowscroll {
    overflow: scroll
}

.overflowvisible {
    overflow: visible
}

.overflowauto {
    overflow: auto
}

.floatright {
    float: right
}

.floatleft {
    float: left
}

.floatnone {
    float: none
}

.firstletter::first-letter {
    color: red;
    font-size: 3rem
}

.transparentbox {
    background-color: #fff;
    border: 1px solid #000;
    opacity: .6;
    padding: 2rem
}

.boxshadownone {
    box-shadow: none!important
}

.dflexcenter {
    justify-content: center;
    align-items: center
}

.dflexbetween {
    justify-content: space-between;
    align-items: center
}

.dflexevenly {
    justify-content: space-evenly;
    align-items: center;
    justify-content: space-around;
    align-items: center
}

.dflexcolumn {
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*,
.margin0 {
    margin: 0
}

.dflexbetween,
.dflexcenter,
.dflexcolumn,
.dflexevenly {
    display: flex;
    display: flex
}

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

body {
    font-family: Montserrat, sans-serif
}

:root {
    --white: #ffffff;
    --white1: #F4F4F2;
    --white2: #E8E8E8;
    --white3: #F4F4F4;
    --white4: #F0F0F0;
    --black: #000000;
    --black1: #03001C;
    --black2: #100F0F;
    --black3: #1B1A17;
    --black4: #212121;
    --red: #CD0404;
    --red1: #B73E3E;
    --red2: #DC0000;
    --red3: #850000;
    --red4: #FF0032;
    --yellow: #FCE22A;
    --yellow1: #F2CD5C;
    --yellow2: #FFFBAC;
    --yellow3: #FFFBEB;
    --yellow4: #FCFDF2;
    --green: #03C988;
    --green1: #CDE990;
    --green2: #68B984;
    --green3: #3D5656;
    --green4: #425F57;
    --orange: #ff9800
}

.bg-black {
    background-color: var(--black)
}

.bg-white {
    background-color: var(--white)
}

.bg-white2 {
    background-color: #f6f6f2
}

.bg-green {
    background-color: var(--green)
}

.bg-red {
    background-color: var(--red)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-orange {
    background-color: var(--orange)
}

.bg-default {
    background-color: var(--default)
}

.text-white {
    color: var(--white)
}

.text-black {
    color: var(--black)
}

.text-default {
    color: var(--default)
}

.text-gray1 {
    color: #575757
}

.fontsize4 {
    font-size: 4rem
}

.fontsize35 {
    font-size: 3.5rem
}

.fontsize3 {
    font-size: 3rem
}

.fontsize25 {
    font-size: 2.5rem
}

.fontsize2 {
    font-size: 2rem
}

.fontsize15 {
    font-size: 1.5rem
}

.fontsize1 {
    font-size: 1rem
}

.fontsize09 {
    font-size: .9rem
}

.paddingbottomxxl,
.paddingtopxxl {
    padding-top: 200px
}

.paddingbottomxl,
.paddingtopxl {
    padding-top: 150px
}

.paddingbottoml,
.paddingtopl {
    padding-top: 100px
}

.paddingbottomm,
.paddingtopm {
    padding-top: 75px
}

.paddingbottoms,
.paddingtops {
    padding-top: 50px
}

.paddingbottomxs,
.paddingtopxs {
    padding-top: 25px
}

.paddingleftxxl {
    padding-left: 200px
}

.paddingleftxl {
    padding-left: 150px
}

.paddingleftl {
    padding-left: 100px
}

.paddingleftm {
    padding-left: 75px
}

.paddinglefts {
    padding-left: 50px
}

.paddingleftxs {
    padding-left: 25px
}

.paddingextrasmallleft {
    padding-left: 10px
}

.paddingextrasmalright {
    padding-right: 10px
}

.paddingrightxxl {
    padding-right: 200px
}

.paddingrightxl {
    padding-right: 150px
}

.paddingrightl {
    padding-right: 100px
}

.paddingrightm {
    padding-right: 75px
}

.paddingrights {
    padding-right: 50px
}

.paddingrightxs {
    padding-right: 25px
}

.padding1 {
    padding: 1rem 0
}

.margintopxxl {
    margin-top: 200px
}

.margintopxl {
    margin-top: 150px
}

.margintopl {
    margin-top: 100px
}

.margintopm {
    margin-top: 75px
}

.margintops {
    margin-top: 50px
}

.margintopxs {
    margin-top: 25px
}

.marginbottomxxl {
    margin-bottom: 200px
}

.marginbottomxl {
    margin-bottom: 150px
}

.marginbottoml {
    margin-bottom: 100px
}

.marginbottomm {
    margin-bottom: 75px
}

.marginbottoms {
    margin-bottom: 50px
}

.marginbottomxs {
    margin-bottom: 25px
}

.marginleftxxl {
    margin-left: 200px
}

.marginleftxl {
    margin-left: 150px
}

.marginleftl {
    margin-left: 100px
}

.marginleftm {
    margin-left: 75px
}

.marginlefts {
    margin-left: 50px
}

.marginleftxs {
    margin-left: 25px
}

.marginauto {
    margin: auto
}

.marginrightxxl {
    margin-right: 200px
}

.marginrightxl {
    margin-right: 150px
}

.marginrightl {
    margin-right: 100px
}

.marginrightm {
    margin-right: 75px
}

.marginrights {
    margin-right: 50px
}

.marginrightxs {
    margin-right: 25px
}

.textleft {
    text-align: left
}

.textright {
    text-align: right
}

.textcenter {
    text-align: center
}

.textjustify {
    text-align: justify
}

.btn-default-sm {
    padding: 10px 20px
}

.btn-default-md {
    padding: 20px 30px
}

.btn-default-l {
    padding: 30px 40px
}

.btn-default-square {
    padding: 30px 25px
}

.border_radius0 {
    border-radius: 0
}

.borderradius10 {
    border-radius: 10px
}

.borderradius20 {
    border-radius: 20px
}

.borderradius30 {
    border-radius: 30px
}

.borderradius50 {
    border-radius: 50px
}

.borderradius100 {
    border-radius: 100px
}

.border_radius100 {
    border-radius: 100%
}

.border_radius75 {
    border-radius: 75%
}

.border_radius50 {
    border-radius: 50%
}

.border0 {
    border: 0
}

.border1 {
    border: 1px solid #00f
}

.border2 {
    border: 2px solid #00f
}

.border3 {
    border: 3px solid #00f
}

.border5 {
    border: 5px solid #00f
}

.border10 {
    border: 10px solid #00f
}

.font-weight100 {
    font-weight: 100
}

.font-weight200 {
    font-weight: 200
}

.font-weight300 {
    font-weight: 300
}

.font-weight400 {
    font-weight: 400
}

.font-weight500 {
    font-weight: 500
}

.font-weight600 {
    font-weight: 600
}

.font-weightbold {
    font-weight: 700
}

.font-weightbolder {
    font-weight: bolder
}

.text-decnone,
a {
    text-decoration: none
}

.text-decunderline {
    text-decoration: underline
}

.text-decoverline {
    text-decoration-line: overline
}

.text-linet {
    text-decoration-line: line-through
}

.w100 {
    width: 100%
}

.w75 {
    width: 75%
}

.w50 {
    width: 50%
}

.w25 {
    width: 25%
}

.ofcover,
img {
    object-fit: cover
}

.ofcontain {
    object-fit: contain
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.letterspacings {
    letter-spacing: 1px
}

.letterspacingm {
    letter-spacing: 3px
}

.letterspacingl {
    letter-spacing: 5px
}

.letterspacingxl {
    letter-spacing: 8px
}

.letterspacingxxl {
    letter-spacing: 10px
}

.lineheightsmall {
    line-height: .8
}

.lineheightmedium {
    line-height: 1.8
}

.lineheightlarge {
    line-height: 2.5
}

.lineheightxlarge {
    line-height: 3.2
}

.wordspacexl {
    word-spacing: 30px
}

.wordspacel {
    word-spacing: 20px
}

.wordspacem {
    word-spacing: 15px
}

.wordspaces {
    word-spacing: 10px
}

.wordspacexs {
    word-spacing: 5px
}

.whitespacenw {
    white-space: nowrap
}

.textshadow1 {
    text-shadow: 0 2px 1px #747474, -1px 3px 1px #767676, -2px 5px 1px #787878, -3px 7px 1px #7a7a7a, -4px 9px 1px #7f7f7f, -5px 11px 1px #838383, -6px 13px 1px #878787, -7px 15px 1px #8a8a8a, -8px 17px 1px #8e8e8e, -9px 19px 1px #949494, -10px 21px 1px #989898, -11px 23px 1px #9f9f9f, -12px 25px 1px #a2a2a2, -13px 27px 1px #a7a7a7, -14px 29px 1px #adadad, -15px 31px 1px #b3b3b3, -16px 33px 1px #b6b6b6, -17px 35px 1px #bcbcbc, -18px 37px 1px #c2c2c2, -19px 39px 1px #c8c8c8, -20px 41px 1px #cbcbcb, -21px 43px 1px #d2d2d2, -22px 45px 1px #d5d5d5, -23px 47px 1px #e2e2e2, -24px 49px 1px #e6e6e6, -25px 51px 1px #eaeaea, -26px 53px 1px #efefef
}

.textshadow2 {
    color: #dfdfdf;
    text-shadow: 0 2px 2px #dfdfdf, -2px 5px 1px #b8b8b8, -4px 8px 0 #979797, -6px 11px 0 #747474, -8px 14px 0 #565656, -10px 17px 0 #343434, -12px 20px 0 #171717, -14px 23px 0 #000
}

.textshadow3 {
    color: #fffbac;
    text-shadow: 3px 0 7px rgba(81, 67, 21, .8), -3px 0 7px rgba(81, 67, 21, .8), 0 4px 7px rgba(81, 67, 21, .8)
}

.textshadow4 {
    color: var(--red);
    text-shadow: 2px 3px 7px #fff, 0 10px 1px var(--red)
}

.textshadow5 {
    color: #000;
    text-shadow: 3px 3px 20px #f9c, -2px 1px 30px #f9c
}

.textshadow6 {
    color: #03c988;
    text-shadow: 16px 22px 11px rgba(168, 158, 32, .8)
}

.textshadow7 {
    color: var(--white3);
    text-shadow: -1px 1px 0 #41ba45, 1px 1px 0 #c63d2b, 1px -1px 0 #42afac, -1px -1px 0 #c6c23f
}

.listtypecircle {
    list-style-type: circle
}

.listtypesquare {
    list-style-type: square
}

.listtypeupperroman {
    list-style-type: upper-roman
}

.listtypealphas {
    list-style-type: lower-alpha
}

.listtypealphal {
    list-style-type: upper-alpha
}

.listtypenone {
    list-style-type: none
}

.listtypeimg1 {
    list-style-image: url('bullet1.gif')
}

.listtypeimg2 {
    list-style-image: url('bullet2.gif')
}

.listtypeimg3 {
    list-style-image: url('bullet3.gif')
}

.listtypeimg4 {
    list-style-image: url('bullet4.gif')
}

.listtypeimg5 {
    list-style-image: url('bullet5.gif')
}

.listtypeimg6 {
    list-style-image: url('bullet6.gif')
}

.liststylepositionoutside {
    list-style-position: outside
}

.liststylepositioninside {
    list-style-position: inside
}

.relativepos {
    position: relative
}

.absolutepos {
    position: absolute
}

.zindexxl {
    z-index: 100
}

.zindexl {
    z-index: 90
}

.zindel {
    z-index: 80
}

.zindexm {
    z-index: 70
}

.zindexs {
    z-index: 60
}

.zindexxs {
    z-index: 50
}

.overflowhidden {
    overflow: hidden
}

.overflowscroll {
    overflow: scroll
}

.overflowvisible {
    overflow: visible
}

.overflowauto {
    overflow: auto
}

.floatright {
    float: right
}

.floatleft {
    float: left
}

.floatnone {
    float: none
}

.firstletter::first-letter {
    color: red;
    font-size: 3rem
}

.transparentbox {
    background-color: #fff;
    border: 1px solid #000;
    opacity: .6;
    padding: 2rem
}

.boxshadownone {
    box-shadow: none!important
}

.dflexcenter {
    justify-content: center;
    align-items: center
}

.dflexbetween {
    justify-content: space-between;
    align-items: center
}

.dflexevenly {
    justify-content: space-evenly;
    align-items: center;
    justify-content: space-around;
    align-items: center
}

.dflexcolumn {
    justify-content: center;
    align-items: center;
    flex-direction: column
}