/* utility class */
:root {
    --default-orange: #FE5E00;
    --orange: #FE5E00;
    --dark: #003A49 ;
    --success:#dff0d8;
    --error:red;
    --mobile-background :#ECF4FA;
}


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

/** offrea **/


.offrea-orange-text{
    color: var(--orange)!important;
}
.offrea-orange-text-d{
    color:  var(--default-orange)!important;
}
.offrea-text-dark{color:  var(--dark)!important;}
.boder-orange{border-color:  var(--orange) !important;}
.border{border: 3px solid }
.border-1{border: 1px solid  }
.border-danger{border-color:  var(--error) !important}


.offrea-bg-dark{ background: var(--dark) 0% 0% no-repeat padding-box !important;}


/** end offrea **/
.rounded{border-radius: 5px; }
.rounded-50p{border-radius: 50%; }
.text-white{
    color: #FFFFFF;
}
.font-bold-18{font: normal normal bold 18px Open Sans;}
.font-bold-16{font: normal normal bold 16px Open Sans;}
.font-bold-12{font: normal normal bold 12px Open Sans;}
.font-bold-15{font: normal normal bold 15px Open Sans;}
.font-bold-22{font: normal normal 600 22px Open Sans;}
.font-bold-24{font: normal normal 600 24px Open Sans;}
.font-normal-12{font: normal normal 600 12px Open Sans;}
.font-normal-14{font: normal normal 600 14px Open Sans;}
.font-normal-16{font: normal normal 600 16px Open Sans;}
.font-normal-28{font: normal normal 600 28px Open Sans;}
.font-normal-24{font: normal normal bold 24px/33px Open Sans;}
.font-normal-27{font: normal normal 600 27px/37px Open Sans;}
.font-bold-17{font: normal normal bold 17px/22px Open Sans;}

.font-bold-20{  font: normal normal bold 20px/27px Open Sans  ;  }
.text-success{color: var(--success) !important;}
.offrea-round-btn{width: 189px;
    height: 40px;
    background: #FE5E00 0% 0% no-repeat padding-box;
    border:1px solid #FE5E00;
    border-radius: 20px;
    font: normal normal 600 14px/19px Open Sans;
    text-align: center;
    color: #fff;

}


.w-100{width: 100% !important;}
.w-50{width: 50% !important;}
.w-25{width: 25% !important;}
.w-75{width: 75% !important;}
.w-inherit{width: inherit !important;}
.offrea-title-text{
    color: #003A49 !important;
}
.offrea-title-text-origin{
    color: var(--orange)!important;
}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.mt-4{margin-top: 40px !important;}
.mt-5{margin-top: 50px !important;}
.mt-6{margin-top: 60px !important;}
.mt-7{margin-top: 70px !important;}
.mt-8{margin-top: 80px !important;}
.mt-9{margin-top: 90px !important;}
.mt-10{margin-top: 100px !important;}

.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.mr-4{margin-right: 40px !important;}
.mr-5{margin-right: 50px !important;}
.mr-6{margin-right: 60px !important;}
.mr-7{margin-right: 70px !important;}
.mr-8{margin-right: 80px !important;}
.mr-9{margin-right: 90px !important;}
.mr-10{margin-right: 100px !important;}

.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.ml-4{margin-left: 40px !important;}
.ml-5{margin-left: 50px !important;}
.ml-6{margin-left: 60px !important;}
.ml-7{margin-left: 70px !important;}
.ml-8{margin-left: 80px !important;}
.ml-9{margin-left: 90px !important;}
.ml-10{margin-left: 100px !important;}

.pl-1{padding-left: 10px !important;}
.pl-2{padding-left: 20px !important;}
.pl-3{padding-left: 30px !important;}
.pl-4{padding-left: 40px !important;}
.pl-5{padding-left: 50px !important;}
.pl-6{padding-left: 60px !important;}
.pl-7{padding-left: 70px !important;}
.pl-8{padding-left: 80px !important;}
.pl-9{padding-left: 90px !important;}
.pl-10{padding-left: 100px !important;}

.pr-1{padding-right: 10px !important;}
.pr-2{padding-right: 20px !important;}
.pr-3{padding-right: 30px !important;}
.pr-4{padding-right: 40px !important;}
.pr-5{padding-right: 50px !important;}
.pr-6{padding-right: 60px !important;}
.pr-7{padding-right: 70px !important;}
.pr-8{padding-right: 80px !important;}
.pr-9{padding-right: 90px !important;}
.pr-10{padding-right: 100px !important;}

.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}
.pt-4{padding-top: 40px !important;}
.pt-5{padding-top: 50px !important;}
.pt-6{padding-top: 60px !important;}
.pt-7{padding-top: 70px !important;}
.pt-8{padding-top: 80px !important;}
.pt-9{padding-top: 90px !important;}
.pt-10{padding-top: 100px !important;}

.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.pb-4{padding-bottom: 40px !important;}
.pb-5{padding-bottom: 50px !important;}
.pb-6{padding-bottom: 60px !important;}
.pb-7{padding-bottom: 70px !important;}
.pb-8{padding-bottom: 80px !important;}
.pb-9{padding-bottom: 90px !important;}
.pb-10{padding-bottom: 100px !important;}

.p-1{padding: 10px !important;}
.p-2{padding: 20px !important;}
.p-3{padding: 30px !important;}
.p-4{padding: 40px !important;}
.p-5{padding: 50px !important;}
.p-6{padding: 60px !important;}
.p-7{padding: 70px !important;}
.p-8{padding: 80px !important;}
.p-9{padding: 90px !important;}
.p-10{padding: 100px !important;}

.top-1{top: 10px !important; position: absolute;}
.top-2{top: 20px !important; position: absolute;}
.top-3{top: 30px !important; position: absolute;}
.top-4{top: 40px !important; position: absolute;}
.top-5{top: 50px !important; position: absolute;}
.top-6{top: 60px !important; position: absolute;}
.top-7{top: 70px !important; position: absolute;}
.top-8{top: 80px !important; position: absolute;}

.left-1{left: 10px !important; position: absolute;}
.left-2{left: 20px !important; position: absolute;}
.left-3{left: 30px !important; position: absolute;}
.left-4{left: 40px !important; position: absolute;}
.left-5{left: 50px !important; position: absolute;}
.left-6{left: 60px !important; position: absolute;}
.left-7{left: 70px !important; position: absolute;}
.left-8{left: 80px !important; position: absolute;}

mleft0{margin-bottom: 300px !important;}
.img-center{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 50% !important;
}

.arrow-small{
    width: 50px;
    height: 25px;
}
.standard-h1{
    margin-top: 95px;
}
.block{display: block !important}

.d-flex{
    display: flex;
}

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

.flex-end{
    justify-content: flex-end;
}
.flex-start{
    justify-content: flex-start;
}

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

.flex-around{
    justify-content: space-around;
}
.column-reverse{
    flex-direction: column-reverse;
}
.flex-column{
    flex-direction: column;
}
.mx-auto{
    margin: auto auto !important;
}
.hide{
    display: none;
}

.offrea-dark-btn-link{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BFD7DD;
    border-radius: 10px;
    opacity: 1;

    text-align: center;
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #003A49;
    padding: 10px;
    list-style-type: none;

}
.offrea-dark-btn{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BFD7DD;
    border-radius: 10px;
    opacity: 1;

    text-align: center;
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #003A49;
}



@media only screen and (max-width: 500px) {
    .mobile-background {background-color: var(--mobile-background) }



}



@media only screen and (max-width: 800px) {
    .sm-hide{
        display: none;
    }


}

/** xsmall screen **/

@media only screen and (max-width: 768px) {

    .mt-xs-1{margin-top: 10px !important;}
    .mt-xs-2{margin-top: 20px !important;}
    .mt-xs-3{margin-top: 30px !important;}
    .mt-xs-4{margin-top: 40px !important;}
    .mt-xs-5{margin-top: 50px !important;}
    .mt-xs-6{margin-top: 60px !important;}
    .mt-xs-7{margin-top: 70px !important;}
    .mt-xs-8{margin-top: 80px !important;}
    .mt-xs-9{margin-top: 90px !important;}
    .mt-xs-10{margin-top: 100px !important;}

    .mr-xs-1{margin-right: 10px !important;}
    .mr-xs-2{margin-right: 20px !important;}
    .mr-xs-3{margin-right: 30px !important;}
    .mr-xs-4{margin-right: 40px !important;}
    .mr-xs-5{margin-right: 50px !important;}
    .mr-xs-6{margin-right: 60px !important;}
    .mr-xs-7{margin-right: 70px !important;}
    .mr-xs-8{margin-right: 80px !important;}
    .mr-xs-9{margin-right: 90px !important;}
    .mr-xs-10{margin-right: 100px !important;}

    .ml-xs-1{margin-left: 10px !important;}
    .ml-xs-2{margin-left: 20px !important;}
    .ml-xs-3{margin-left: 30px !important;}
    .ml-xs-4{margin-left: 40px !important;}
    .ml-xs-5{margin-left: 50px !important;}
    .ml-xs-6{margin-left: 60px !important;}
    .ml-xs-7{margin-left: 70px !important;}
    .ml-xs-8{margin-left: 80px !important;}
    .ml-xs-9{margin-left: 90px !important;}
    .ml-xs-10{margin-left: 100px !important;}

    .pl-xs-1{padding-left: 10px !important;}
    .pl-xs-2{padding-left: 20px !important;}
    .pl-xs-3{padding-left: 30px !important;}
    .pl-xs-4{padding-left: 40px !important;}
    .pl-xs-5{padding-left: 50px !important;}
    .pl-xs-6{padding-left: 60px !important;}
    .pl-xs-7{padding-left: 70px !important;}
    .pl-xs-8{padding-left: 80px !important;}
    .pl-xs-9{padding-left: 90px !important;}
    .pl-xs-10{padding-left: 100px !important;}

    .pr-xs-1{padding-right: 10px !important;}
    .pr-xs-2{padding-right: 20px !important;}
    .pr-xs-3{padding-right: 30px !important;}
    .pr-xs-4{padding-right: 40px !important;}
    .pr-xs-5{padding-right: 50px !important;}
    .pr-xs-6{padding-right: 60px !important;}
    .pr-xs-7{padding-right: 70px !important;}
    .pr-xs-8{padding-right: 80px !important;}
    .pr-xs-9{padding-right: 90px !important;}
    .pr-xs-10{padding-right: 100px !important;}

    .p-xs-1{padding: 10px !important;}
    .p-xs-2{padding: 20px !important;}
    .p-xs-3{padding: 30px !important;}
    .p-xs-4{padding: 40px !important;}
    .p-xs-5{padding: 50px !important;}
    .p-xs-6{padding: 60px !important;}
    .p-xs-7{padding: 70px !important;}
    .p-xs-8{padding: 80px !important;}
    .p-xs-9{padding: 90px !important;}
    .p-xs-10{padding: 100px !important;}

    .pb-xs-1{padding-bottom: 10px !important;}
    .pb-xs-2{padding-bottom: 20px !important;}
    .pb-xs-3{padding-bottom: 30px !important;}
    .pb-xs-4{padding-bottom: 40px !important;}
    .pb-xs-5{padding-bottom: 50px !important;}
    .pb-xs-6{padding-bottom: 60px !important;}
    .pb-xs-7{padding-bottom: 70px !important;}
    .pb-xs-8{padding-bottom: 80px !important;}
    .pb-xs-9{padding-bottom: 90px !important;}
    .pb-xs-10{padding-bottom: 100px !important;}

    .top-xs-1{top: 10px !important; position: absolute;}
    .top-xs-2{top: 20px !important; position: absolute;}
    .top-xs-3{top: 30px !important; position: absolute;}
    .top-xs-4{top: 40px !important; position: absolute;}
    .top-xs-5{top: 50px !important; position: absolute;}
    .top-xs-6{top: 60px !important; position: absolute;}
    .top-xs-7{top: 70px !important; position: absolute;}
    .top-xs-8{top: 80px !important; position: absolute;}

    .left-xs-1{left: 10px !important; position: absolute;}
    .left-xs-2{left: 20px !important; position: absolute;}
    .left-xs-3{left: 30px !important; position: absolute;}
    .left-xs-4{left: 40px !important; position: absolute;}
    .left-xs-5{left: 50px !important; position: absolute;}
    .left-xs-6{left: 60px !important; position: absolute;}
    .left-xs-7{left: 70px !important; position: absolute;}
    .left-xs-8{left: 80px !important; position: absolute;}

}

.cursor-p{
    cursor: pointer;
}

@media only screen and (max-width: 768px) {

    .sm-show{
        display: block !important;
    }
}
@media only screen and (max-width: 992px) {

    .md-hide{display: none !important;}
    .standard-h1{
        margin-top: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    .standard-h1{
        margin-top: 0px;
    }
}

.underline{
    text-decoration: underline;
}








/*end utility class*/