/*---------------------- PlusJakartaSans-Regular---------------*/
 
@font-face {
  font-family: 'PlusJakartaSans';
  src: url(../fonts/PlusJakartaSans-Regular.eot);
 /*---------------------- PlusJakartaSans-Medium---------------*/
@font-face {
  src: url(../fonts/PlusJakartaSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/PlusJakartaSans-Regular.otf) format('otf'),
       url(../fonts/PlusJakartaSans-Regular.svg#PlusJakartaSans-Regular) format('svg'),
       url(../fonts/PlusJakartaSans-Regular.woff2) format('woff2'),
       url(../fonts/PlusJakartaSans-Regular.woff) format('woff'),
       url(../fonts/PlusJakartaSans-Regular.ttf) format('truetype');
       font-weight: 400;
       font-style: normal;
       font-display: swap;
}
  font-family: 'PlusJakartaSans';
  src: url(../fonts/PlusJakartaSans-Medium.eot);
  src: url(../fonts/PlusJakartaSans-Medium.eot?#iefix) format('embedded-opentype'),
       url(../fonts/PlusJakartaSans-Medium.otf) format('otf'),
       url(../fonts/PlusJakartaSans-Medium.svg#PlusJakartaSans-Medium) format('svg'),
       url(../fonts/PlusJakartaSans-Medium.woff2) format('woff2'),
       url(../fonts/PlusJakartaSans-Medium.woff) format('woff'),
       url(../fonts/PlusJakartaSans-Medium.ttf) format('truetype');
       font-weight: 500;
       font-style: normal;
       font-display: swap;
}

 
 /*---------------------- PlusJakartaSans-SemiBold---------------*/
 @font-face {
  font-family: 'PlusJakartaSans';
  src: url(../fonts/PlusJakartaSans-SemiBold.eot);
  src: url(../fonts/PlusJakartaSans-SemiBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/PlusJakartaSans-SemiBold.otf) format('otf'),
       url(../fonts/PlusJakartaSans-SemiBold.svg#PlusJakartaSans-SemiBold) format('svg'),
       url(../fonts/PlusJakartaSans-SemiBold.woff2) format('woff2'),
       url(../fonts/PlusJakartaSans-SemiBold.woff) format('woff'),
       url(../fonts/PlusJakartaSans-SemiBold.ttf) format('truetype');
       font-weight: 600;
       font-style: normal;
       font-display: swap;
}


 /*---------------------- PlusJakartaSans-Bold---------------*/
 @font-face {
  font-family: 'PlusJakartaSans';
  src: url(../fonts/PlusJakartaSans-Bold.eot);
  src: url(../fonts/PlusJakartaSans-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/PlusJakartaSans-Bold.otf) format('otf'),
       url(../fonts/PlusJakartaSans-Bold.svg#PlusJakartaSans-Bold) format('svg'),
       url(../fonts/PlusJakartaSans-Bold.woff2) format('woff2'),
       url(../fonts/PlusJakartaSans-Bold.woff) format('woff'),
       url(../fonts/PlusJakartaSans-Bold.ttf) format('truetype');
       font-weight: 700;
       font-style: normal;
       font-display: swap;
}



/*---------------------------*/
* { padding: 0; margin: 0; } 
html, body { height: 100%; }
body {
  font-family: 'PlusJakartaSans', sans-serif;
  font-family: 'PlusJakartaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400; /* Regular */

  /* background-color:hsla(0,0%,100%,1);
  background-image:
  radial-gradient(at 58% 80%, hsla(155,0%,100%,0.53) 0px, transparent 50%),
  radial-gradient(at 5% 97%, hsla(289,80%,63%,0.07) 0px, transparent 50%),
  radial-gradient(at 1% 3%, hsla(189,100%,91%,1) 0px, transparent 50%),
  radial-gradient(at 99% 98%, hsla(189,37%,67%,1) 0px, transparent 50%),
  radial-gradient(at 44% 6%, hsla(200,0%,100%,1) 0px, transparent 50%),
  radial-gradient(at 100% 0%, hsla(189,37%,67%,1) 0px, transparent 50%),
  radial-gradient(at 62% 3%, hsla(289,80%,63%,0.4) 0px, transparent 50%); */
  background: radial-gradient(circle, #ffffff 20%, rgba(236, 245, 255, 1) 40%, rgb(232 247 251) 60%, rgb(240 230 255 / 27%) 90%);
  background: linear-gradient(135deg, #e3f2fd, #f3e5f5);
  background: linear-gradient(135deg, #e3f2fd 30%, #f3e5f5 90%);
  background: linear-gradient(390deg, #efeffc 10%, #f3e5f5 15%, #efe7f0 20%,  #e3f2fd 35%,  #efe9fc 85%, #eef4f9 90%);
              /* linear-gradient(135deg, #e1f5fe 10%, #f8bbd0 60%, #ffffff 90%); */
  /* background-blend-mode: overlay; */

  background: url(../images/bodyBg.png); background-size: cover; background-repeat: no-repeat;
  background-attachment: fixed;
  /* background: linear-gradient(to bottom right, rgb(237, 244, 251), rgb(197, 223, 237), rgb(239, 238, 251), rgb(199, 221, 238) ); */
  padding-top: 4rem;
}

h1 {   font-weight: 700; /* Bold */} 
h2 {  font-weight: 600; /* SemiBold */} 
strong {  font-weight: 600; /* Medium */}


.fw-normal { font-weight: 400; } 
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600;  }
.fw-bold {   font-weight: 700;  } 

 
    /* Apply a specific rule for Firefox */
@-moz-document url-prefix() {
  .fw-normal { font-weight: 400; } 
  .fw-medium { font-weight: 500; }
  .fw-semibold { font-weight: 600;  }
  .fw-bold {   font-weight: 700;  } 
   
  
}
 
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
/*  -moz-appearance: textfield;*/
}
 


	/* html { font-size:14px; } */
.font-45 { font-size: 3rem!important; }	
.font-10 { font-size:0.75rem; }
.font-11 { font-size:0.875rem }
.font-12 { font-size:0.875rem; }
.font-13 { font-size:0.9rem }	
.font-14 { font-size:1rem }	 

/*.font-14 { font-size:0.875rem }*/
.font-15 { font-size:0.9375rem }
.font-16 { font-size:1rem }
.font-17 { font-size:1.0625rem } 
.font-18 { font-size:1.125rem }
.font-20 { font-size:1.25rem!important; }
.font-22 { font-size:1.375rem; }
.font-24 { font-size:1.5rem }
.font-26 { font-size:1.625rem }
.font-28 { font-size:1.75rem }
.font-30 { font-size: calc(1.54rem + 0.37vw); font-size: 1.875rem; }
	



@media (min-width: 1500px) {  
	 
 
/*	.btn {  font-size:1rem  }	*/
.font-10 { font-size:0.75rem; }
.font-11 { font-size:0.875rem }
.font-12 { font-size:0.875rem; }
.font-13 { font-size:0.9rem }	
.font-14 { font-size:1rem }	 

/*.font-14 { font-size:0.875rem }*/
.font-15 { font-size:0.9375rem }
.font-16 { font-size:1rem }
.font-17 { font-size:1.0625rem } 
.font-18 { font-size:1.125rem }
.font-20 { font-size:1.25rem!important; }
.font-22 { font-size:1.375rem; }
.font-24 { font-size:1.5rem }
.font-26 { font-size:1.625rem }
.font-28 { font-size:1.75rem }
.font-30 { font-size: calc(1.54rem + 0.37vw); font-size: 1.875rem; }
	
.h6, h6 {  font-size:1.15rem }	
.font-40 { font-size: 2.5rem!important; }	 
}
@media (max-width:520px) {  
  .userNameText {
    white-space: normal;
    line-height: normal; 
    max-width: 5rem;
  }
}
 

  
@media (min-width:769px) {  
  .description-col {
    flex: 0 0 auto;
    width: 41%;
}
    .modal-sm {
        --bs-modal-width: 380px;
    }
}
@media (min-width: 992px) {  
  .description-col {
    flex: 0 0 auto;
    width: 41%;
} 
}

@media (min-width: 1200px) {  
  .description-col {
    flex: 0 0 auto;
    width: 39%;
}
 
}

/*
@media (min-width: 1000px) { 
html {    font-size: 9.35px;    } 
	.h6, h6 {  font-size:1.15rem }	
.modal-dialog {   max-width: 35.7rem;}  
.modal-lg, .modal-xl {    max-width: 57.1rem;}  
}


*/
/*
@media (min-width: 1200px) { 
html {    font-size: 11.2px;    } 
	.h6, h6 {  font-size:1.15rem }	
.modal-dialog {   max-width: 35.7rem;}  
.modal-lg, .modal-xl {    max-width: 57.1rem;}  
}

*/
@media (min-width: 1024px) and (max-width: 1199px) { 
  html {    font-size: 11px;     } 
  html {   font-size: calc(10.44px + .3vw);   } 
  }
@media (min-width: 1200px) and (max-width: 1280px) { 
  html {    font-size: 12.73px;     } 
  html {   font-size: calc(10.44px + .3vw);   }

   
    /* .h6, h6 {  font-size:1.15rem }	
  .modal-dialog {   max-width: 35.7rem;}  
  .modal-lg, .modal-xl {    max-width: 57.1rem;}   */

  }

  @media (min-width: 1281px) and (max-width:1398px) {

   
    .description-col { width: 29.4%;}
    html {    font-size: 14.56px;     } 
    html {   font-size: calc(10.44px + .3vw);   } 
      /* .h6, h6 {  font-size:1.15rem }	
    .modal-dialog {   max-width: 35.7rem;}  
    .modal-lg, .modal-xl {    max-width: 57.1rem;}   */
    }



@media (min-width: 1380px) {
        .description-col {
            width: 29.4%;
        }
        /* html {    font-size: 12.73px;    }  */
        .h6, h6 {
            font-size: 1.15rem
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-sm {
            max-width: 27rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    @media (min-width: 1391px) {
        .description-col {
            width: 37.5%;
        }
    }

    @media (min-width: 1500px) {
        .description-col {
            width: 29.4%;
        }

        html {
            font-size: calc(10.44px + .3vw);
        }

        .h6, h6 {
            font-size: 1.15rem
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-sm {
            max-width: 27rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    @media (min-width: 1700px) {
        html {
            font-size: calc(10.44px + .3vw);
            font-size: 15.56px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    @media (min-width: 1900px) {
        html {
            font-size: calc(11.75px + .3vw);
            font-size: 17.5px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    @media (min-width: 2000px) {
        html {
            font-size: calc(12.55px + .3vw);
            font-size: 18.7px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    /*html { font-size:  clamp(.875rem, 2vw, .875rem); } 	*/
    @media (min-width: 2300px) {
        html {
            font-size: calc(14px + .290625vw);
        }
        /*	html { font-size:  clamp(1rem, 2vw, 1rem); }*/
        html {
            font-size: calc(14px + .3vw);
            font-size: 21px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }

    @media (min-width: 2500px) {
        html {
            font-size: calc(14px + .390625vw);
        }

        .modal-lg, .modal-xl {
            max-width: 58rem;
        }

        .imgResponsiveDiv {
            width: 16%;
        }

        .info_icon_fluid {
            width: 1vw;
        }

        .imgInfoDetails img {
            margin-bottom: 0.3vw;
        }
        /*span.listIcon {   max-width:2.5vw;    width: 100%;}*/
        span.listIcon {
            max-width: 3rem;
            min-height: 2rem;
            width: 100%;
        }

            span.listIcon img {
                width: 100%;
                height: auto;
            }

        .elementHover a span.pe-3 {
            max-width: 3rem;
            min-height: 2rem;
            width: 100%;
        }

            .elementHover a span.pe-3 img {
                width: 100%;
                height: auto;
            }
    }

    @media (min-width:3000px) {
        html {
            font-size: calc(18.8px + .3vw);
            font-size: 28px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }



    @media (min-width:4000px) {
        html {
            font-size: calc(28.2px + .3vw);
            font-size: 42px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }


    @media (min-width:5000px) {
        html {
            font-size: calc(37px + .3vw);
            font-size: 56px;
        }

        .modal-dialog {
            max-width: 35.7rem;
        }

        .modal-lg, .modal-xl {
            max-width: 57.1rem;
        }
    }


    .custom-error {
        margin-top: -1.5rem;
        z-index: 0;
        padding-top: 1.7rem;
        z-index: -1;
    }


    /*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 85%!important;
}
    .container.customContainer {
        max-width: 95% !important;
    }*/