@font-face {
    font-family: roboto;
    src: url(font/Roboto.ttf);
}

@font-face {
    font-family: personn;
    src: url(font/Personn.ttf);
}

@font-face {
    font-family: philosopher;
    src: url(font/Philosopher.ttf);
}

@font-face {
    font-family: nyala;
    src: url(font/Nyala.ttf);
}

@font-face {
    font-family: justink;
    src: url(font/Justink.ttf);
}

@font-face {
    font-family: goza;
    src: url(font/Goza.ttf);
}

@font-face {
    font-family: partyconfetti;
    src: url(font/PartyConfetti.ttf);
}

@font-face {
    font-family: lato;
    src: url(font/Lato.ttf);
}

@font-face {
    font-family: nunito;
    src: url(font/Nunito.ttf);
}

@font-face {
    font-family: Oswald;
    src: url(font/Oswald.ttf);
}

@font-face {
    font-family: barlow;
    src: url(font/Barlow.ttf);
}

@font-face {
    font-family: cuprum;
    src: url(font/Cuprum.ttf);
}

@font-face {
    font-family: mohave;
    src: url(font/Mohave.ttf);
}

@font-face {
    font-family: sarabun;
    src: url(font/Sarabun.ttf);
}

@font-face {
    font-family: mohave;
    src: url(font/Mohave.ttf);
}

@font-face {
    font-family: bench;
    src: url(font/Bench.ttf);
    font-weight: bold;
}

@font-face {
    font-family: arsenal;
    src: url(font/Arsenal.ttf);
    font-weight: bold;
}


@font-face {
    font-family: lobster;
    src: url(font/Lobster.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Gideon;
    src: url(font/Gideon.ttf);
    font-weight: bold;
}

/*******************font name**************************************/

.text-roboto {
    font-family: Roboto;
}

.text-personn {
    font-family: Personn;
}

.text-philosopher {
    font-family: Philosopher;
}

.text-nyala {
    font-family: Nyala;
}

.text-justink {
    font-family: Justink;
}

.text-goza {
    font-family: Goza;
}

.text-partyconfetti {
    font-family: PartyConfetti;
}

.text-lato {
    font-family: Lato;
}

.text-nunito {
    font-family: Nunito;
}

.text-Oswald {
    font-family: Oswald;
}

.text-barlow {
    font-family: Barlow;
}

.text-cuprum {
    font-family: Cuprum;
}

.text-mohave {
    font-family: Mohave;
}

.text-sarabun {
    font-family: Sarabun;
}

.text-mohave {
    font-family: Mohave;
}

.text-bench {
    font-family: Bench;
}

.text-arsenal {
    font-family: Arsenal;
}

.text-lobster {
    font-family: Lobster;
}

.text-Gideon {
    font-family: Gideon;
}

.text-Teko {
    font-family: Teko;
}

.text-Pacifico {
    font-family: Pacifico;
}

.text-LibreBarcode {
    font-family: LibreBarcode;
}

.text-MissFajardose {
    font-family: MissFajardose;
}

.text-StyleScript {
    font-family: StyleScript;
}

.text-Waterfall {
    font-family: Waterfall;
}

* {
    margin: 0;
    padding: 0;
}


/****************** Media Devices ******************/

/* .col-*/
/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/* 	.col-sm- */
/* / Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/*.col-md- */
/* / Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/* .col-lg- */
/* / Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    label {
        padding-left: 0;
    }
}

/* .col-xl- */
/* / Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    label {
        padding-left: 2em;
    }
}


body {
    min-height: 75rem;
    padding-top: 0;
    background-color: ivory;/*  */
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/********************************************/
/* Color codes  used for all color properties and tags in this css file
a-> aqua;             b-> blue;            c-> darkcyan;      d-> #046A38;            
e-> #06038D;          f-> fuchsia;         g-> green;         h-> honeydew;     
i-> indigo;           j-> #FF671F;         k-> black;         l-> lawngreen; 
m-> maroon;           n-> navy;            o-> orange;        p-> palegreen;       
q-> crimson;          r-> red;             s-> saddlebrown    t-> teal;  
u-> darkturquoise;    v-> darkviolet;      w-> white;         x-> gray;              
y-> gold;             z-> azure;           1-> brown;         2-> chocolate;    
3-> darkolivegreen;   4-> rgb(152, 148, 148);   5-> forestgreen;   6-> deeppink;      
7-> greenyellow;      8-> lime;            9-> sandybrown;    0-> lightgrey;      
=> Indian tri color   J-> saffron    w-> white    d-> green   e-> blue;

/****************** Text / Font Color -> txt-clr-0 ******************/

/**********************Brand Text color - com-clr-0***********************/

.com-clr-1 {
    color: #fffff0;
}

.com-clr-2 {
    color: #7b3f00;
}

.com-clr-3 {
    color: #030335;
}

.com-clr-4 {
    color: #147600;
}

.com-clr-5 {
    color: #f0c208;
}

.com-clr-6 {
    color: #ff8f11
}

.com-clr-7 {
    color: #ff671f;
}

.com-clr-8 {
    color: #582f03;
}

.com-clr-9 {
    color: #e3d9cf;
}

.com-clr-0 {
    color: #cec9c9;
}

/****************Background color - com-bgc-0***********************/
.com-bgc-1 {
    background-color: #fffff0;
}

.com-bgc-2 {
    background-color: #7b3f00;
}

.com-bgc-3 {
    background-color: #030335;
}

.com-bgc-4 {
    background-color: #147600;
}

.com-bgc-5 {
    background-color: #f0c208;
}

.com-bgc-6 {
    background-color: #ff8f11;
}

.com-bgc-7 {
    background-color: #ff671f;
}

.com-bgc-8 {
    background-color: #582f03;
}

.com-bgc-9 {
    background-color: #e3d9cf;
}

.com-bgc-0 {
    background-color: #cec9c9;
}


/**********************txt-clr-0**********************************/

.txt-clr-a {
    color: aqua;
}

.txt-clr-b {
    color: blue;
}

.txt-clr-c {
    color: darkcyan;
}

.txt-clr-d {
    color: #046A38;
    /* indian tri green */
}

.txt-clr-e {
    color: #06038D;
    /* indian tri blue */
}

.txt-clr-f {
    color: fuchsia;
}

.txt-clr-g {
    color: #05a30a;
}

.txt-clr-h {
    color: honeydew;
}

.txt-clr-i {
    color: indigo;
}

.txt-clr-j {
    color: #FF671F;
    /* indian tri saffron */
}

.txt-clr-k {
    color: black;
}

.txt-clr-l {
    color: lawngreen;
}

.txt-clr-m {
    color: maroon;
}

.txt-clr-n {
    color: rgb(2, 2, 95);
}

.txt-clr-o {
    color: orange;
}

.txt-clr-p {
    color: palegreen;
}

.txt-clr-q {
    color: crimson;
}

.txt-clr-r {
    color: red;
}

.txt-clr-s {
    color: saddlebrown;
}

.txt-clr-t {
    color: teal;
}

.txt-clr-u {
    color: rgb(15, 2, 57);
}

.txt-clr-v {
    color: darkviolet;
}

.txt-clr-w {
    color: white;
}

.txt-clr-x {
    color: gray;
}

.txt-clr-y {
    color: gold;
}

.txt-clr-z {
    color: azure;
}

.txt-clr-1 {
    color: brown;
}

.txt-clr-2 {
    color: chocolate;
}

.txt-clr-3 {
    color: darkolivegreen;
}

.txt-clr-4 {
    color: rgb(152, 148, 148);
}

.txt-clr-5 {
    color: forestgreen;
}

.txt-clr-6 {
    color: rgb(5, 211, 8);
}

.txt-clr-7 {
    color: greenyellow;
}

.txt-clr-8 {
    color: rgb(2, 121, 2);
}

.txt-clr-9 {
    color: #f04f04;
    ;
}

.txt-clr-0 {
    color: lightgrey;
}

/****************** Background Color -> bgc-clr-0 ******************/

.bgc-clr-a {
    background-color: aqua;
}

.bgc-clr-b {
    background-color: blue;
}

.bgc-clr-c {
    background-color: darkcyan;
}

.bgc-clr-d {
    background-color: #046A38;
    /* indian tri green */
}

.bgc-clr-e {
    background-color: #06038D;
    /* indian tri blue */
}

.bgc-clr-f {
    background-color: fuchsia;
}

.bgc-clr-g {
    background-color: green;
}

.bgc-clr-h {
    background-color: rgb(240, 255, 240);
}

.bgc-clr-i {
    background-color: indigo;
}

.bgc-clr-j {
    background-color: #FF671F;
    /* indian tri saffron */
}

.bgc-clr-k {
    background-color: black;
}

.bgc-clr-l {
    background-color: lawngreen;
}

.bgc-clr-m {
    background-color: maroon;
}

.bgc-clr-n {
    background-color: navy;
}

.bgc-clr-o {
    background-color: orange;
}

.bgc-clr-p {
    background-color: palegreen;
}

.bgc-clr-q {
    background-color: crimson;
}

.bgc-clr-r {
    background-color: red;
}

.bgc-clr-s {
    background-color: saddlebrown;
}

.bgc-clr-t {
    background-color: teal;
}

.bgc-clr-u {
    background-color: rgb(15, 2, 57);
}

.bgc-clr-v {
    background-color: darkviolet;
}

.bgc-clr-w {
    background-color: white;
}

.bgc-clr-x {
    background-color: gray;
}

.bgc-clr-y {
    background-color: gold;
}

.bgc-clr-z {
    background-color: azure;
}

.bgc-clr-1 {
    background-color: brown;
}

.bgc-clr-2 {
    background-color: chocolate;
}

.bgc-clr-3 {
    background-color: darkolivegreen;
}

.bgc-clr-4 {
    background-color: #e27305;
    ;
}

.bgc-clr-5 {
    background-color: rgb(3, 61, 3);
}

.bgc-clr-6 {
    background-color: rgb(5, 228, 53);
}

.bgc-clr-7 {
    background-color: greenyellow;
}

.bgc-clr-8 {
    background-color: lime;
}

.bgc-clr-9 {
    background-color: #fdebd9;
}

.bgc-clr-0 {
    background-color: transparent;
}

/****************** Background gradent Color -> bgc-lgc-0 ******************/

.bgc-lgc-a {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* aqua; */
}

.bgc-lgc-b {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* blue;*/
}

.bgc-lgc-c {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* darkcyan;*/
}

.bgc-lgc-d {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #046A38;*/
    /* indian tri green */
}

.bgc-lgc-e {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #06038D;*/
    /* indian tri blue */
}

.bgc-lgc-f {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* fuchsia;*/
}

.bgc-lgc-g {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* green;*/
}

.bgc-lgc-h {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* rgb(240, 255, 240);*/
}

.bgc-lgc-i {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* indigo;*/
}

.bgc-lgc-j {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #FF671F;*/
    /* indian tri saffron */
}

.bgc-lgc-k {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* black;*/
}

.bgc-lgc-l {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* lawngreen;*/
}

.bgc-lgc-m {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* maroon;*/
}

.bgc-lgc-n {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* navy;*/
}

.bgc-lgc-o {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* orange;*/
}

.bgc-lgc-p {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* palegreen;*/
}

.bgc-lgc-q {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  crimson;*/
}

.bgc-lgc-r {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  red;*/
}

.bgc-lgc-s {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  saddlebrown;*/
}

.bgc-lgc-t {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* teal;*/
}

.bgc-lgc-u {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  rgb(15, 2, 57);*/
}

.bgc-lgc-v {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* darkviolet;*/
}

.bgc-lgc-w {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* white;*/
}

.bgc-lgc-x {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* gray;*/
}

.bgc-lgc-y {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* gold;*/
}

.bgc-lgc-z {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* azure;*/
}

.bgc-lgc-1 {
    background: linear-gradient(to bottom, #f3c291 36%, #ddaa5d 81%);
    /* brown;*/
}

.bgc-lgc-2 {
    background: linear-gradient(to bottom, #e6e5e5 36%, #b0b0b1 81%);
    /* chocolate;*/
}

.bgc-lgc-3 {
    background: linear-gradient(to bottom, #FFEB80 36%, #FFB70B 81%);
    /* darkolivegreen;*/
}

.bgc-lgc-4 {
    background: linear-gradient(to bottom, #E5E4E2 36%, #adaba9 81%);
    /* rgb(152, 148, 148);*/
}

.bgc-lgc-5 {
    background: linear-gradient(to bottom, #caf8c9 36%, #55f693 81%);
    /* rgb(3, 61, 3);*/
}

.bgc-lgc-6 {
    background: linear-gradient(to bottom, #02bcfa 0%, #2e02b2 81%);
    /* deeppink;*/
}

.bgc-lgc-7 {
    background: linear-gradient(to bottom, #f6f5f4 36%, #E5E4E2 81%);
    /* greenyellow;*/
}

.bgc-lgc-8 {
    background: linear-gradient(to bottom, #fee764 36%, #fdd80a 100%);
    /* lime;*/
}

.bgc-lgc-9 {
    background: linear-gradient(to bottom, #f3e6d9 25%, #f4c99d 75%);
    /*   background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
 #ffe6cd;
    #f3e6d9*/
}

.bgc-lgc-0 {
    background: linear-gradient(to top, #f4c99d 15%, #f3e6d9 66%, #edd1b5 10%, #f3e6d9 10%);
    /* lightgrey;*/
}

/******************************************************/
.navbar-clr {
    color: #e3d9cf
        /*#fbcc10; */
}

.brand-name {
    font-family: Justink;
    /*Cuprum;/*Bench; /*Barlow; /*Barlowlobster;*/
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: 1px;
}

.navbar a:link,
.navbar a:visited {
    font-family: lato;
    color: #e3d9cf;
    /* #fbcc10; */
    letter-spacing: 0.5px;
}

.navbar a:hover {
    color: #eceaea;
}

.navlink-clr a:link,
.navlink-clr a:visited {
    color: #e3d9cf;
    /*#fbcc10; */
    background-color: black;
}

.navlink-clr a:hover {
    color: #24016f;
    background-color: rgb(238, 236, 236);
}

.car-txt-clr {
    width: 100%;
    padding-left: 9px;
    color: #e3d9cf;
    /*#fbcc10; */
    background-color: #ff661fc1;
}

.car-img-hgt-60 {
    min-height: 405px;
    max-height: 406px;
}

.height-256 {
    max-height: 225px;
    min-height: 225px;
}

.height-108 {
    max-height: 162px;
    min-height: 126px;
}

/****************** Text aligne -> txt-align ******************/
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

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

/****************** Text Weight -> txt-bold ******************/

.text-light {
    font-weight: 300;
}
.text-normal{
    font-weight: 500;
}

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

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

.text-heavy {
    font-weight: bolder;
}

.text-italic {
    font-style: italic;
}

.text-oblique {
    font-style: oblique;
}

.text-06 {
    font-size: 6px;
}

.text-09 {
    font-size: 9px;
}

.text-10 {
    font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

.text-32 {
    font-size: 32px;
}

.text-34 {
    font-size: 34px;
}

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

.text-38 {
    font-size: 38px;
}

.text-40 {
    font-size: 40px;
}

.text-42 {
    font-size: 42px;
}

.text-44 {
    font-size: 44px;
}

.text-46 {
    font-size: 46px;
}

.text-48 {
    font-size: 48px;
}

.imageround {
    border-radius: 100px;
    border: 4px solid rgb(252, 250, 250);
}

.martop-5 {
    margin-top: 8rem;
}

.martop-9 {
    margin-top: -15rem;
}

.line-gap-1 {
    line-height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-2 {
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-3 {
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-4 {
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-5 {
    line-height: 27px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-6 {
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-7 {
    line-height: 36px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-8 {
    line-height: 45px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-9 {
    line-height: 54px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-0 {
    line-height: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/***************** List Styles ****************************/

.list-tick {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-tick ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
}

.list-tick ul li:before {
    content: '✓';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-none {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;

}

.list-none ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-none ul li:before {
    content: ' ';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-double {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-double ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-double ul li:before {
    content: '»';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-arow1 {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-arow1 ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-arow1 ul li:before {
    content: '➤';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-arow2 {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-arow2 ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-arow2 ul li:before {
    content: '⭗';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-arow3 {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-arow3 ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-arow3 ul li:before {
    content: '⯈';
    /* '➤'; */
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}


.list-arow4 {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-arow4 ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-arow4 ul li:before {
    content: '🠲';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}



.list-cros {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-cros ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
}

.list-cros ul li:before {
    content: 'x';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.ltr-spc-01 {
    letter-spacing: .5px;
}

.ltr-spc-02 {
    letter-spacing: .75px;
}

.ltr-spc-03 {
    letter-spacing: 1px;
}

.ltr-spc-04 {
    letter-spacing: 1.25px;
}

.ltr-spc-05 {
    letter-spacing: 1.5px;
}

.ltr-spc-06 {
    letter-spacing: 1.75px;
}

.ltr-spc-07 {
    letter-spacing: 2px;
}

.ltr-spc-08 {
    letter-spacing: 2.25px;
}

.ltr-spc-07 {
    letter-spacing: 2.25px;
}

.wrd-spc-01 {
    word-spacing: .5px;
}

.wrd-spc-02 {
    word-spacing: .75px;
}

.wrd-spc-03 {
    word-spacing: 1px;
}

.wrd-spc-04 {
    word-spacing: 1.25px;
}

.wrd-spc-05 {
    word-spacing: 1.5px;
}

.wrd-spc-06 {
    word-spacing: 1.75px;
}

.wrd-spc-07 {
    word-spacing: 2px;
}

.wrd-spc-08 {
    word-spacing: 2.25px;
}

.wrd-spc-07 {
    word-spacing: 2.25px;
}

.deco-none,
.social-hover,
.link-hover {
    text-decoration: none;
}

.link-hover a:link,
.link-hover a:visited {
    background: linear-gradient(to bottom, #02bcfa 0%, #2e02b2 81%);
    text-align: center;
    width: 100%;
}

.link-hover a:hover {
    text-shadow: rgb(161, 105, 2) 1px 1px;
    background: linear-gradient(to bottom, #12bc61 36%, #016d25 81%);
    color: #840909;
    width: 100%;
}

.contact-hover a:link,
.contact-hover a:visited {
    background: transparent;
    text-align: center;
    color: #0804f4;
    /* #04035a;*/
}

.contact-hover a:hover {
    background: transparent;
    text-align: center;
    color: #04035a;
}

.whatsapp-hover a:link,
.whatsapp-hover a:visited {
    background: transparent;
    text-align: center;
    color: #fb3407;
}

.teligrame-hover a:link,
.teligrame-hover a:visited {
    background: transparent;
    text-align: center;
    color: #0804f4;
    /* #04035a;*/
}

.whatsapp-hover a:hover {
    background: transparent;
    text-align: center;
    color: #ffea01;
}

.teligrame-hover a:hover {
    background: transparent;
    text-align: center;
    color: #04035a;
}


.social-hover a:link,
.social-hover a:visited {
    background: transparent;
    text-align: center;
    color: #04035a;
    size: 12px;
}

.social-hover a:hover {
    background: transparent;
    text-align: center;
    color: #0804f4;
}

abbr {
    background-color: transparent;
    border: none;
}

abbr->title {
    background-color: transparent;
    border: none;
}

.rounded-1 {
    border-radius: 6px;
}

.rounded-2 {
    border-radius: 9px;
}

.rounded-3 {
    border-radius: 12px;
}

.rounded-4 {
    border-radius: 18px;
}

.rounded-5 {
    border-radius: 27px;
}

.rounded-6 {
    border-radius: 36px;
}

.rounded-7 {
    border-radius: 45px;
}

.rounded-8 {
    border-radius: 54px;
}

.rounded-9 {
    border-radius: 1rem;
}

.border-0 {
    border-width: 0px;
    border-radius: 0px;
    border-color: transparent;
    border-style: none;
}

.border-1 {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
    border-style: solid;
    border-radius: 36px;
}

.border-3 {
    border-width: 3px;
    border-style: solid;
    border-radius: 36px;
}

.border-3 a:hover {
    background: transparent;
    color: #f8ae38;
    border-color: #E5E4E2;
}

.p-7 {
    padding-left: 2px;
}

.mx-7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mx-8 {
    margin-bottom: 27px;
}

.mp-9 {
    margin: 4px;
    padding: 3px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 3px;
    font-family: lato;
    color: #06038D;
    /*border: 1px dotted blue;/*  */
}

.form-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.form-group button {
    width: 100%;
    padding: 10px;
    background-color: #06038D;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.form-group button:hover {
    background: linear-gradient(to bottom, #12bc61 36%, #016d25 81%);
}

.disable-this {
    text-shadow: rgb(161, 105, 2) 1px 1px;
    background: linear-gradient(to bottom, #abb0ad 36%, #afb0af 81%);
    color: #840909;
    width: 100%;
    padding: 4px;
    text-align: center;
    border-radius: 3px;
    min-height: 48px;
    max-height: 48px;
    line-height: 36px;
}

.border-red {
    border: 3px dotted red;
}

.showinfo,
.showdata {
    min-height: 54px;
    max-height: 54px;
    line-height: 45px;
    padding: 2px;
    display: inline-block;
    border: 1px dotted green;
}

.showinfo a:link,
.showinfo a:visited,
.showdata a:link,
.showdata a:visited {
    text-decoration: none;
    color: #190456;
}

.showinfo a:hover,
.showdata a:a:hover {
    background: transparent;
    text-align: center;
    color: #035d06;
}

.width100 {
    min-width: 300px;
    max-width: 300px;
}

.linehead1 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 81px;
    display: inline-block;
}

.linehead2 {
    font-weight: 600;
    font-style: italic;
    width: 99px;
    display: inline-block;
}

.linehead3 {
    font-weight: 600;
    font-style: italic;
    color: #02ad08;
    width: 90px;
    display: inline-block;
}

.linehead4 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 54px;
    display: inline-block;
}

.linehead5 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 18px;
    display: inline-block;
}

.linehead6 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 102px;
    display: inline-block;
}

.linehead7 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 63px;
    display: inline-block;
}

.linehead7 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 45px;
    display: inline-block;
}

.linehead9 {
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 36px;
    display: inline-block;
}

.sorthead9 {
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: inline-block;
    border: 1px solid grey;
}

.sorthead8 {
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead7 {
    font-weight: 700;
    font-style: italic;
    font-size: 21px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead6 {
    font-weight: 700;
    font-style: italic;
    font-size: 25px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead5 {
    font-weight: 700;
    font-style: italic;
    font-size: 27px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead4 {
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead3 {
    font-weight: 700;
    font-style: italic;
    font-size: 32px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead2 {
    font-weight: 700;
    font-style: italic;
    font-size: 36px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead1 {
    font-weight: 700;
    font-style: italic;
    font-size: 40px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.sorthead0 {
    font-weight: 700;
    font-style: italic;
    font-size: 45px;
    min-width: 98%;
    max-width: 98%;
    margin: 1px auto;
    display: block;
}

.linehead0 {
    font-weight: 600;
    font-style: italic;
    /*color: #02cf09;*/
    width: 16px;
    display: inline-block;
    align-items: start;
}

.width-032 {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    line-height: 30px;
}

.colwidth-100 {
    width: 95%;
}

.sortwidth-100 {
    min-width: 99%;
    max-width: 99%;
    margin: 1px auto;
    text-align: center;
    align-items: center;
    align-content: center;
}

.link-none {
    display: inline-block;
}

.link-none a:link,
.link-none a:visited {
    text-decoration: none;
    color: white;
}

.link-none a:hover {
    color: goldenrod;
}


.ftr-nav {
    margin-left: 9px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.ftr-nav ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
}

/*
.ftr-nav ul li:before {
    content: 'x';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
} /*  */

.ftr-nav ul li a:link,
.ftr-nav ul li a:visited {
    padding: 6px 0px;
    text-decoration: none;
    color: white;
    /* border: 1px solid grey;/*   */
}

.ftr-nav ul li a:hover {
    color: goldenrod;
}

.btn-primary:hover{
    background-color: #02bcfa;
}

.btn-top-swa:hover{
    border: 2px double #10992b;
    border-radius: 4px;
}
.modal-sheet .modal-dialog {
    width: 380px;
    transition: bottom .75s ease-in-out;
  }
  .modal-sheet .modal-footer {
    padding-bottom: 2rem;
  }

  .lead-01 {
    font-size: 1.15rem;
    font-weight: 300;
  }
  
 .over-item:hover{
    color: goldenrod;
 }


 .lead-01 {
    font-size: 1.15rem;
    font-weight: 300;
  }

  .feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
  }
  
  .icon-link > .bi {
    margin-top: .125rem;
    margin-left: .125rem;
    fill: currentcolor;
    transition: transform .25s ease-in-out;
  }
  .icon-link:hover > .bi {
    transform: translate(.25rem);
  }
  
  .icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
  }
  
  .text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
  .text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
  .text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
  
  .card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  .feature-icon-small {
    width: 3rem;
    height: 3rem;
  }
  
  
  .bd-mode-toggle {
    z-index: 1500;
  }

  .bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
  }