body, div, header, footer { margin:0 0 0 0; padding:0 0 0 0; cursor:default;  } 

body{ min-width:360px !important; }
html, body { /*overflow-x: hidden; */scroll-behavior: smooth; }

/* Rainbow text color Test */
/*.class {
    background-image: linear-gradient(-90deg,#adfbda 0,#35c3ff 30%,#fda399 50%,#76d880 70%,#ebf38b 90%,#adfbda 100%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    filter: drop-shadow(0 0 2rem #000);
    text-shadow: none !important;
}*/


/* Modal issue solve - (solve for keep adding 17px right padding on body when modal open) */ 
body { padding-right:0px !important; overflow-x:hidden !important }
.modal-header { padding-right:17px !important }
.modal-body { padding-right:17px !important }
.modal-footer { padding-right:17px !important }
.modal-backdrop { z-index:498 !important; opacity:.6 !important;   }


/*resetting css*/
/*---------------------------------------------------------------------*/
/*link*/
.a {
    text-decoration: none !important;
    color: rgb(29, 112, 227) !important;
}
a { cursor:pointer !important }
.a:link     { text-decoration:none !important; color:rgb(29, 112, 227) !important }
.a:visited  { text-decoration:none !important; color:rgb(66, 141, 243) !important }
.a:hover    { text-decoration:none !important; color:rgb(11, 74, 160) !important }
.a:active   { text-decoration:none !important; color:rgb(126, 174, 241) !important }
.btn:active { border-color:#00000000 !important }

/*placeholder*/
input::selection        {  background-color:rgb(11, 74, 160); color:rgb(255, 255, 255) }
     ::selection        {  color:rgb(255, 255, 255); background-color:rgb(11, 74, 160) }
     ::-moz-selection   {  color:rgb(255, 255, 255); background-color:rgb(11, 74, 160) }
::-moz-placeholder      { color:#9c9c9c!important; opacity:.9; padding-left:10px; }
:-moz-placeholder       { color:#9c9c9c!important; opacity:.9; padding-left:10px; }
input[placeholder]      { color:#000000!important; opacity:1; padding-left:10px; font-weight:200  }  /* placeholder text color */
[placeholder]           { color:#9c9c9c!important; opacity:.9; padding-left:10px; }
*[placeholder]          { color:#9c9c9c!important; opacity:.9; padding-left:10px; }
::-webkit-input-placeholder { color:#9c9c9c!important; opacity:.9; padding-left:10px;  }
:-ms-input-placeholder  { color:rgb(255, 255, 255)!important; opacity:.9; padding-left:10px;  }
:-ms-input-placeholder  { color:rgb(255, 255, 255)!important; opacity:.9; padding-left:10px; padding:0px; }
/*title*/
/*[data-title]:hover:after { opacity:1; transition:all .2s ease 0.5s; visibility:visible }
[data-title]:after       { content:attr(data-title); background-color:rgb(11, 74, 160); color:rgb(255, 255, 255); font-size:13px; position:absolute; padding:10px 10px 10px 10px; top:1.6em; width:150px; left:0%; white-space:pre-wrap; box-shadow:1px 1px 3px #257a00; opacity:0; border:1px solid rgb(255, 255, 255); z-index:20; visibility:hidden }
[data-title]             { position:relative }*/

.animate_1000ms   { -webkit-transition:all .5s !important; -moz-transition:all .5s !important; -o-transition:all .5s !important; transition:all .5s !important }
.animate_500ms   { -webkit-transition:all .5s !important; -moz-transition:all .5s !important; -o-transition:all .5s !important; transition:all .5s !important }
.animate_200ms   { -webkit-transition:all .2s !important; -moz-transition:all .2s !important; -o-transition:all .2s !important; transition:all .2s !important }


/*Disable text Selection*/
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.tooltip-inner { color: #023172 !important; background: rgb(243, 222, 140) !important; padding-top:5px !important; padding-bottom:5px !important; text-shadow:0 0 10px rgb(255, 255, 255) !important; border:02px solid #000000 !important; box-shadow:0 0 10px #000000 !important; z-index:10000 }
.special-link, .special-link:visited, .special-link:hover, .special-link:active { color: inherit !important; }
/*----------------------------------------------------------------*/

/* Background Colour */
.bg-black { background-color:#000000 !important }
.bg-light-gray { background-color:#e2e2e2 !important }
.bg-gray { background-color:#4c4c4c !important }
.bg-Dark-gray { background-color:#151515 !important }
.bg-default { background-color:rgb(38, 38, 38) !important }
.bg-yellow { background-color:#ebbe36 !important }
.bg-darkBlue { background-color:rgb(0, 24, 57) !important }

/* Text Colour */
.t-white { color:rgb(255, 255, 255) !important }
.t-black { color:rgb(0, 0, 0) !important }
.t-light { color:rgb(245, 245, 245) !important }
.t-light2 { color:rgb(178, 178, 178) !important }
.t-dark { color:#00001a !important }
.t-gray { color:rgb(51, 51, 51) !important }
.t-default { color:rgb(38, 38, 38) !important }
.t-defaultLight { color:rgb(162, 197, 247) !important }
.t-defaultDark { color:#023172 !important }


/* Shadow Effect */
@media only screen and (min-width: 360px) and (max-width:767px) {
.shadowDefault { box-shadow:0 5px 5px rgb(228, 228, 228), 0 5px 10px rgb(11, 74, 160); border-radius:17px }
.shadow { box-shadow:0 0 10px rgb(33, 37, 41) }
.text-shadow { text-shadow:0 0 10px #000000 }
}
@media only screen and (min-width: 768px) {
.shadowDefault { box-shadow:0 10px 10px rgb(228, 228, 228), 8px 0 15px #023172; border-radius:17px }
.shadow { box-shadow:0 0 10px rgb(33, 37, 41) }
.text-shadow { text-shadow:0 0 10px #000000 }
.text-shadow-white { text-shadow:0 0 5px rgb(255, 255, 255), 0 0 5px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 15px rgb(255, 255, 255) }
.text-shadow-black { text-shadow:0 0 5px #000000, 0 0 5px #000000, 0 0 10px #000000, 0 0 10px #000000, , 0 0 15px #000000 }
}

.no-repeat { background-repeat: no-repeat !important; }
input:focus { box-shadow:0 0 5px #ffc107 !important }

.pointer { cursor:pointer !important }


/* BS5.3 */
/* default */

/* image drag disable */
    .img-noDrag { pointer-events: none; } /*setting pointer-events to none also turns off ALL POINTER EVENTS, such as onclick, onmouseenter, etc. for JavaScript.*/

    /* font size */
    .fs-c1 { font-size:50px !important }
    .fs-c2 { font-size:45px !important }
    .fs-c3 { font-size:40px !important }
    .fs-c4 { font-size:35px !important }
    .fs-c5 { font-size:28px !important }
    .fs-c6 { font-size:25px !important }
    .fs-c7 { font-size:22px !important }
    .fs-c8 { font-size:20px !important }
    .fs-c9 { font-size:18px !important }
    .fs-c10 { font-size:16px !important }
    .fs-c11 { font-size:14px !important }
    .fs-c12 { font-size:12px !important }
    .fs-c13 { font-size:10px !important }

/* text-justify */
    .text-justify   { text-align:justify !important }
    .text-noJustify { text-align:left !important }

/* xs */
/* 360px-TO-575px ################################################################################### */
@media only screen and (min-width: 360px) and (max-width:575px) {
/* font size */
    .fs-xs-c1 { font-size:42px !important }
    .fs-xs-c2 { font-size:38px !important }
    .fs-xs-c3 { font-size:33px !important }
    .fs-xs-c4 { font-size:28px !important }
    .fs-xs-c5 { font-size:22px !important }
    .fs-xs-c6 { font-size:20px !important }
    .fs-xs-c7 { font-size:18px !important }
    .fs-xs-c8 { font-size:16px !important }
    .fs-xs-c9 { font-size:14px !important }
    .fs-xs-c10 { font-size:12px !important }
    .fs-xs-c11 { font-size:9px !important }
    .fs-xs-c12 { font-size:7px !important }
    .fs-xs-c13 { font-size:6px !important }

/* text-justify */
    .text-xs-justify    { text-align:justify !important }
    .text-xs-noJustify  { text-align:left !important }
}

/* sm */
/* 576px-TO-767px ################################################################################### */
@media only screen and (min-width: 576px) and (max-width:767px) {
/* font size */
    .fs-sm-c1 { font-size:50px !important }
    .fs-sm-c2 { font-size:45px !important }
    .fs-sm-c3 { font-size:40px !important }
    .fs-sm-c4 { font-size:35px !important }
    .fs-sm-c5 { font-size:28px !important }
    .fs-sm-c6 { font-size:25px !important }
    .fs-sm-c7 { font-size:22px !important }
    .fs-sm-c8 { font-size:20px !important }
    .fs-sm-c9 { font-size:18px !important }
    .fs-sm-c10 { font-size:16px !important }
    .fs-sm-c11 { font-size:14px !important }
    .fs-sm-c12 { font-size:12px !important }
    .fs-sm-c13 { font-size:10px !important }

/* text-justify */
    .text-sm-justify    { text-align:justify !important }
    .text-sm-noJustify  { text-align:left !important }
}


/* md */
/* 768px-TO-991px ################################################################################### */
@media only screen and (min-width: 768px) and (max-width:991px) {
    /*font size*/
    .fs-md-c1 { font-size:50px !important }
    .fs-md-c2 { font-size:45px !important }
    .fs-md-c3 { font-size:40px !important }
    .fs-md-c4 { font-size:35px !important }
    .fs-md-c5 { font-size:28px !important }
    .fs-md-c6 { font-size:25px !important }
    .fs-md-c7 { font-size:22px !important }
    .fs-md-c8 { font-size:20px !important }
    .fs-md-c9 { font-size:18px !important }
    .fs-md-c10 { font-size:16px !important }
    .fs-md-c11 { font-size:14px !important }
    .fs-md-c12 { font-size:12px !important }
    .fs-md-c13 { font-size:10px !important }

/* text-justify */
    .text-md-justify    { text-align:justify !important }
    .text-md-noJustify  { text-align:left !important }
}


/* lg */
/* 992px-TO-1199px ################################################################################### */
@media only screen and (min-width: 992px) and (max-width:1199px) {
    /*font size*/
    .fs-lg-c1 { font-size:50px !important }
    .fs-lg-c2 { font-size:45px !important }
    .fs-lg-c3 { font-size:40px !important }
    .fs-lg-c4 { font-size:35px !important }
    .fs-lg-c5 { font-size:28px !important }
    .fs-lg-c6 { font-size:25px !important }
    .fs-lg-c7 { font-size:22px !important }
    .fs-lg-c8 { font-size:20px !important }
    .fs-lg-c9 { font-size:18px !important }
    .fs-lg-c10 { font-size:16px !important }
    .fs-lg-c11 { font-size:14px !important }
    .fs-lg-c12 { font-size:12px !important }
    .fs-lg-c13 { font-size:10px !important }

/* text-justify */
    .text-lg-justify    { text-align:justify !important }
    .text-lg-noJustify  { text-align:left !important }
}


/* xl */
/* 1200px-TO-1399px ################################################################################### */
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    /*font size*/
    .fs-xl-c1 { font-size:50px !important }
    .fs-xl-c2 { font-size:45px !important }
    .fs-xl-c3 { font-size:40px !important }
    .fs-xl-c4 { font-size:35px !important }
    .fs-xl-c5 { font-size:28px !important }
    .fs-xl-c6 { font-size:25px !important }
    .fs-xl-c7 { font-size:22px !important }
    .fs-xl-c8 { font-size:20px !important }
    .fs-xl-c9 { font-size:18px !important }
    .fs-xl-c10 { font-size:16px !important }
    .fs-xl-c11 { font-size:14px !important }
    .fs-xl-c12 { font-size:12px !important }
    .fs-xl-c13 { font-size:10px !important }

/* text-justify */
    .text-xl-justify    { text-align:justify !important }
    .text-xl-noJustify  { text-align:left !important }
}


/* xxl */
/* 1400px-TO ################################################################################### */
@media only screen and (min-width: 1400px) {
    /*font size*/
    .fs-xxl-c1 { font-size:50px !important }
    .fs-xxl-c2 { font-size:45px !important }
    .fs-xxl-c3 { font-size:40px !important }
    .fs-xxl-c4 { font-size:35px !important }
    .fs-xxl-c5 { font-size:28px !important }
    .fs-xxl-c6 { font-size:25px !important }
    .fs-xxl-c7 { font-size:22px !important }
    .fs-xxl-c8 { font-size:20px !important }
    .fs-xxl-c9 { font-size:18px !important }
    .fs-xxl-c10 { font-size:16px !important }
    .fs-xxl-c11 { font-size:14px !important }
    .fs-xxl-c12 { font-size:12px !important }
    .fs-xxl-c13 { font-size:10px !important }

/* text-justify */
    .text-xxl-justify    { text-align:justify !important }
    .text-xxl-noJustify  { text-align:left !important }
}