.container {
    width: 100%;
    max-width: 1400px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
.w-100{
    width: 100%;
}
.bg-black{
    background-color: #000 !important;
}
.bg-light{
    background-color: #F0F0F0;
}
.bg-white{
    background-color: #fff;
}
.text-white{
    color: #fff !important;
}
.bg-gray{
    background-color: #F0F0F0;
}
.text-orange{
    color: #FF8D23;
}
.text-yellow{
    color: #FEB801;
}
.text-green{
    color:#03F5A6;
}
.br-10{
    border-radius: 10px;
}
.d-flex{
    display: -ms-flexbox;
    display: flex;
}
.d-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.flex-wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}
.align-items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-content-end {
    -ms-flex-pack: end;
    justify-content: end;
}
.justify-content-between {
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
.justify-content-around {
    -ms-flex-pack: space-around;
    justify-content: space-around;
}
.gap-20{
  gap: 20px;
}
.gap-30{
    gap: 30px;
}
.gap-60{
    gap: 60px;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right{
    text-align: right;
}
.vertical-align-middle{
    vertical-align: middle;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.d-block{display: block;}
.d-inline-block{
    display: inline-block;
}
.d-none{
    display:none;
}
.p-3{padding: 15px;}
.ps-2{
    padding-left: 10px;
}
.ps-3{
    padding-left: 15px;
}
.p-30{
    padding: 30px;
}
.ps-30{
    padding-left: 30px;
}
.pe-30{
    padding-right: 30px;
}
.pt-30{
    padding-top: 30px;
}
.pt-45{
    padding-top: 45px;
}
.pt-70{
    padding-top: 70px;
}
.pb-45{
    padding-bottom: 45px;
}
.pb-70{
    padding-bottom:70px;
}
.py-15{
    padding-top: 15px;
    padding-bottom: 15px;
}
.px-20{
    padding-left: 20px;
    padding-right: 20px;
}
.px-30{
    padding-left: 30px;
    padding-right: 30px;
}
.py-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-45{
    padding-top: 45px;
    padding-bottom: 45px;
}

.py-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.ml-30{
    margin-left: 30px;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem;
}
.mr-2{
    margin-right:0.5rem;
}
.mr-3{
    margin-right:15px
}
.ml-3, .mx-3 {
    margin-left: 1rem;
}
.mt-0{
    margin-top: 0 !important;
}
.mt-2{
    margin-top:10px;
}
.mb-15{
    margin-bottom: 15px;
}

.mb-30{
    margin-bottom: 30px;
}
.mb-45{
    margin-bottom: 45px;
}

.mt-15{
    margin-top: 15px;
}
.mt-25{
    margin-top: 25px;
}
.mt-30{
    margin-top:30px;
}
.mt-45{
    margin-top: 45px;
}
.mt-60{
    margin-top: 60px;
}
.mt-70{
    margin-top: 70px;
}
.mb-70{
    margin-bottom: 70px;
}
.my-70{
    margin-top: 70px;
    margin-bottom: 70px;
}
.mb-100{
    margin-bottom: 100px;
}
.position-relative{
    position: relative;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.height-initial{
    height: auto;
    object-fit: cover;
}

@media(min-width:768px){
    
    .w-md-4{
        width: 33.33%;
    }
    .w-md-6{
        width: 50%;
    }
    .w-md-5{
        width: 41.67%;
    }
    .w-md-7{
        width: 58.33%;
    }

    .p-md-20{padding: 20px;}
    .p-md-30{padding: 30px;}
    .px-md-3{
        padding-left: 15px;
        padding-right: 15px;
    }
    .pr-md-3, .pe-md-3{padding-right: 15px;}
    .pl-md-3, .ps-md-3{padding-left: 15px;}
    .text-md-left{text-align: left;}
    .text-md-right{
        text-align: right;
    }
    .mt-md-0{margin-top: 0;}
    .mt-md-30{
        margin-top: 30px;
    }
    .d-md-block{
        display: block;
    }
    .d-md-flex{
        display: -ms-flexbox;
        display: flex;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .flex-md-wrap{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .align-items-md-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-md-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .justify-content-md-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-md-end {
        -ms-flex-pack: end;
        justify-content: end;
    }
    .justify-content-md-between {
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
    .justify-content-md-around {
        -ms-flex-pack: space-around;
        justify-content: space-around;
    }
}
@media(min-width:992px){
    
    .w-lg-25{
        width: calc(25% - 20px);
    }
    .w-lg-3{
        width: 25%;
    }
    .w-lg-4{
        width: 33.33%;
    }
    .w-lg-5{
        width: 41.67%;
    }
    .w-lg-6{
        width: 50%;
    }
    .w-lg-7{
        width: 58.33%;
    }
    .w-lg-8{
        width: 66.67%;
    }
    .w-lg-9{
        width: 75%;
    }
    .w-lg-10{
        width: 83.33%;
    }
    .p-lg-50{
        padding: 45px;
    }
    .ps-lg-30{
        padding-left: 30px;
    }
    .ps-lg-50{
        padding-left: 50px;
    }
    .pe-lg-30{
        padding-right: 30px;
    }
    .pe-lg-50{
        padding-right: 50px;
    }
    .pt-lg-100{
        padding-top: 100px;
    }
    .py-lg-0{
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-lg-50{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .py-lg-100{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .mt-lg-0{
        margin-top: 0;
    }
    .mt-lg-45{
        margin-top: 45px;
    }
    .mt-lg-100{
        margin-top: 100px;
    }
    .mb-lg-0{
        margin-bottom: 0;
    }
    .mb-lg-100{
        margin-bottom: 100px;
    }
    .my-lg-100{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .mr-lg-30{
        margin-right: 30px;
    }
    .text-lg-left {
        text-align: left;
    }
    .text-lg-right{
        text-align: right;
    }
    .d-lg-block{
        display:block;
    }
    .d-lg-flex{
        display: -ms-flexbox;
        display: flex;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .flex-lg-wrap{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .align-items-lg-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .align-items-lg-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .justify-content-lg-between {
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
    .justify-content-lg-around {
        -ms-flex-pack: space-around;
        justify-content: space-around;
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .order-lg-1{order: 1;}
    .order-lg-2{order: 2;}
}
@media(min-width:1200px){
    .container{
        padding-left: 50px;
        padding-right: 50px;
    }
    
    
    
}
@media(min-width:1300px){

    .d-lg-block{
        display: block;
    }
    .text-xl-left{
        text-align: left;
    }
}
@media(min-width:1400px){
    .container{
        max-width: 1600px;
        padding-left: 100px;
        padding-right: 100px;
    }
    .p-xl-50{
        padding: 50px;
    }
    .ps-xl-30{
        padding-left: 30px;
    }
    .mt-xl-30{
        margin-top: 30px;
    }
    .mt-xl-100{
        margin-top: 100px;
    }
    .mt-xl-0{
        margin-top: 0;
    }
    .mr-xl-30{
        margin-right: 30px;
    }
    .w-xl-3{
        width: 25%;
    }
    .w-xl-4{
        width: 33.33%;
    }
    .w-xl-5{
        width: 41.67%;
    }
    .w-xl-6{
        width: 50%;
    }
    .w-xl-7{
        width: 58.33%;
    }
    .w-xl-8{
        width: 66.67%;
    }
    .d-xl-block{
        display:block;
    }

}
@media(min-width:1600px){
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mt-xl-150{
        margin-top: 150px;
    }
    .mb-xl-150{
        margin-bottom: 150px;
    }
}