@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");

a{color: #00ABEF;}
a:hover {color: #00ABEF;}
.nav-link:hover, .nav-link:focus{color: #00ABEF}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{border-bottom: 4px solid #00ABEF;}
.btn-primary { background-color: #00ABEF; border-color: #00ABEF;}
.btn-primary:hover {background-color: #00ABEF;border-color: #00ABEF;}
.btn-primary:focus, .btn-primary.focus {background-color: #00ABEF;border-color: #00ABEF;box-shadow: 0 0 0 0.2rem rgba(0, 171, 239, 0.3);}
.btn-primary.disabled, .btn-primary:disabled { background-color: #00ABEF;border-color: #00ABEF;}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 171, 239, 0.3);}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {background-color: #00ABEF;border-color: #0057b6;}
.btn-outline-primary {color: #00ABEF;border-color: #00ABEF;}
.btn-outline-primary:hover {background-color: #00ABEF;border-color: #00ABEF;}
.btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow: 0 0 0 0.2rem rgba(0, 171, 239, 0.3);}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #00ABEF;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {background-color: #00ABEF;border-color: #00ABEF;}
.btn-link {color: #00ABEF;}
.btn-link:hover {color: #00ABEF;}
.dropdown-item.active, .dropdown-item:active {background-color: #00ABEF;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #00ABEF;background-color: #00ABEF;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #00ABEF; background-color: #00ABEF;}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 171, 239, 0.3);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {background-color: rgba(0, 171, 239, 0.3);}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(0, 171, 239, 0.3);}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #00ABEF;}
.custom-range::-webkit-slider-thumb { background-color: #00ABEF;}
.custom-range::-moz-range-thumb {background-color: #00ABEF;}
.custom-range::-ms-thumb { background-color: #00ABEF;}
.custom-range::-ms-thumb:active {background-color: #00ABEF;}
.custom-range::-moz-range-thumb:active {background-color: #00ABEF;}
.custom-range::-webkit-slider-thumb:active {background-color: #00ABEF;}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {background-color: #00ABEF;border-color: #00ABEF;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #00ABEF;}
.page-link {color: #00ABEF; }
.page-link:hover {color: #00ABEF;}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(0, 171, 239, 0.25);}
.page-item.active .page-link {background-color: #00ABEF;border-color: #00ABEF;}
.badge-primary {background-color: #00ABEF;}
.progress-bar {background-color: #00ABEF;}
.list-group-item.active {background-color: #00ABEF;border-color: #00ABEF;}
.bg-primary {background-color: #00ABEF !important;}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color: #00ABEF !important;}
.border-primary {border-color: #00ABEF !important;}
.text-primary {color: #00ABEF !important;}
a.badge-primary:hover, a.badge-primary:focus { background-color: #00ABEF;}
a.text-primary:hover, a.text-primary:focus {color: #00ABEF !important;}
.form-control:focus{    border-color: #00ABEF;    box-shadow: 0 0 0 0.2rem rgba(0, 171, 239, 0.25);}
.form-check-input:checked{background-color: #00ABEF; border-color: #00ABEF;}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 171, 239, 0.5);
}


/*scrollbar*/
.primary-scroll::-webkit-scrollbar
{width: 8px;height: 8px;}

.primary-scroll::-webkit-scrollbar-track
{background:#E5E5E5;position: absolute;right: 0;border-radius: 0px;}

.primary-scroll::-webkit-scrollbar-thumb
{background:#00ABEF;border-radius: 10px;}

.primary-scroll::-webkit-scrollbar-thumb:hover
{background: #00ABEF; }

/*scrollbar end*/

.MuiTab-textColorPrimary.Mui-selected, .MuiFormLabel-root.Mui-focused{color: #00ABEF !important}
.MuiTabs-indicator{background-color: #00ABEF !important}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color: #00ABEF !important;}


.text-primary.line-animation::before{background-color: #00ABEF}
.menu li:hover a, .menu li.active a{color: #00ABEF !important}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");
html {
  scroll-behavior: smooth;
}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;  /* Preferred icon size */  display: inline-block;  line-height: 1;  text-transform: none;  letter-spacing: normal;  word-wrap: normal;
  white-space: nowrap;direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
body{font-weight: 400; font-style: normal;font-family: 'Poppins', sans-serif;;color: #0D0D0D;}

.bg-f6{background-color:#F6F6F6 }
.fs-10{font-size: .625rem}
.fs-12{font-size: .75rem !important}
.fs-14{font-size: .875rem}
.fs-18{font-size: 1.125rem}
.fs-48{font-size: 3rem}
.fs-72{font-size: 4.5rem}
.fs-48-24{font-size: 1.5rem}
.fs-24{font-size:1.5rem}
/*.fs-36{font-size:2.25rem}*/
.fw-300{font-weight: 300}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fs-md-24-18{font-size: 1.125rem;}
.left-0{left: 0}
.bottom-20{bottom: 20px}
.right-20{right: 20px}
.right-0{right: 0px}
.mt-80{margin-top: 5rem }
.mt-n1{margin-top: -0.25rem !important}
.ms-n1{margin-left: -0.25rem !important}
.t-n1{top: -0.25rem}
.t-n10{top: -0.625rem !important}
.t-n5{top: -5px}
.t-5{top: 5px}
.t-8{top: 0.5rem}
.r-8{right: 0.5rem}
.h-40{height: 40px;}
.h-48{height: 48px;}
.h-72{height: 72px;}
.h-img-180{height: 180px;object-fit:cover;width: 100%}
.letter-spacing-4, .letter-spacing-4 input{letter-spacing: 24px}
.body-bg{background-color: #F0F2F2;}
.caret-none:after{display: none}
.cursor-pointer{cursor: pointer}
.ln-0{line-height: 0}
.ln-24{line-height: 1.5rem}
.ln-16{line-height: 1rem}
.z-2{z-index: 2}
.z-1{z-index: 1}
.z-n1{z-index: -1}
.z-0{z-index: 0}
.z-3{z-index: 3}
.top-14p{top: 14% !important}
.rounded-10{border-radius: .625rem}
.rounded-16{border-radius: 1rem}
.text-999{color: #999}
.mxh-200{max-height: 200px}
.p-36{padding: 2.25rem}
.p-3px{padding: 0.20rem}
.bg-green{background-color: #31B909}
.bg-4f{background-color: #4F4F4F}
.bg-f8f9fd{background-color:#f8f9fd}
.grayscale{filter: grayscale(100%);}
img.grayscale:hover{filter: grayscale(0)}
/* hide number type input up down arrow Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
/*for autofilled yellow color bg*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;} 
a{text-decoration: none}
.bottom-n28{bottom: -1.75rem;}
.bg-8b0548{background-color:#8b0548}
.bg-4098d7{background-color: rgba(64, 152, 215, 1);}
.bg-9cc9ea{background-color: rgba(156, 201, 234, 1);}
.bg-d1e6f5{background-color: rgba(209, 230, 245, 1);}
.bg-81bbe4 {background-color: rgba(129, 187, 228, 1);}
.bg-b6d7ef{background-color:#B6D7EF}
.text-truncate-two-line{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.top-5{top: 5px}
.h-100px{height: 100px !important;}
.h-500{height: 500px;}
.form-select, .form-control{border-radius: 0 !important}
textarea{min-height: 100px !important}
.mh-650{min-height: 650px}
.mh-350{min-height: 350px}
.py-96{padding-top: 3rem;padding-bottom: 3rem}

.object-fit-cover{object-fit: cover}
.text-dark{color: #222 !important}
.bottom-n5{bottom: -3rem}
.white-space-nowrap{white-space: nowrap}
.animate-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 3px 20px rgba(0,0,0,.15)!important;
}

/*
.line-animation::before{content: ' ';width: 20px;height: 2px;background-color: #fff;right: -28px;position: absolute;top:50%;transition: all 0.3s ease-out 0s;}
.line-animation:hover::before, .hover-effect:hover .line-animation::before{width: 40px;right: -48px}
*/


/* hide number type input up down arrow Firefox */
input[type=number] {  -moz-appearance: textfield;}
.no-focus:focus, .no-focus{outline-color: transparent !important;box-shadow: none !important;}
.input-error{color:#FF0000 }
.disable-lg-cursor{pointer-events: none}
.dropdown.no-caret .dropdown-toggle::after{display: none}
.animate{transition: all 0.3s ease-out 0s;}



/*Project CSS */
/*change purposely to make design clean in mobile view*/
.container{padding-left:1.25rem ;padding-right:1.25rem ;}
.bg-pixel-img{background-image: url("../images/pixel-box.png");background-position: center;background-repeat: no-repeat}

/*nav*/
.navbar-brand img{height: 72px}
.fix-header{background-color: #fff;box-shadow: 0 .25rem .5rem rgba(0,0,0,.05);}
.fix-header .navbar-brand img{height: 48px}
.navbar-light .navbar-nav .nav-link{color: #0D0D0D;padding-left:0;padding-right:  0;}
.navbar-collapse{background-color: #fff;padding: .5rem 1rem;}


/*.form-control{padding: 0.5rem 0.75rem;color: #000 !important}*/
.btn{border-radius: 10rem;padding: .75rem 2rem;}
.dropdown-menu{min-width:5rem}


/*bs tabs*/
.nav-tabs .nav-link{border: none;color: #999999}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #444}



@media (min-width: 576px){
	
/*	.py-96{padding-top: 4rem;padding-bottom: 4rem}*/
	/*change purposely to make design clean in mobile view*/
.container{padding-left:0.75rem ;padding-right:0.75rem ;}
	.modal-dialog{margin: 1.75rem auto;}
	
.mt-sm-80{margin-top: 5rem !important;}
.mt-sm-n80{margin-top: -5rem !important;}
.border-sm-start{border-left: 1px solid #dee2e6 !important;}
.border-sm-end{border-right: 1px solid #dee2e6 !important;}

.border-end-sm-0{border-right: 0 !important;}
	.h-sm-auto{height: auto !important}
	
/*
	.text-sm-white, .text-sm-white.text-primary:hover{color: #fff !important}
	.text-sm-white.line-animation::before{background-color: #fff}
*/
	
	.h-sm-80 {height: 80% !important}
	.border-sm-top-0{border-top:none !important;}
		
	

}
@media (min-width: 768px){
	.fs-md-36{font-size: 2.25rem}
	.w-md-75{width: 75%}
	.h-md-580{height: 580px}
.h-md-55{height: 55%}
	.h-md-75{height: 75%}
	.h-md-100{height: 100%}
	

.border-md-start{border-left: 1px solid #dee2e6 !important;}
.border-sm-bottom-0{border-bottom: 0 !important}

}
@media (min-width: 992px){
.vh-lg-100{height: 100vh}
	.fs-lg-48{font-size: 3rem}
	.text-lg-left{text-align: left !important}
	.navbar-collapse{background-color: transparent !important;padding: 0 !important}
	.navbar-light .navbar-nav .nav-link{padding-left: 1.5rem;padding-right:  1.5rem;}
	.fs-lg-20{font-size: 1.25rem;}
}
@media (min-width: 1199px){

}


@media (min-width: 1399px){
		
}