:root {
    --primary-text-color: #38393F;
    --primary-active-color: #5EA918;
    --primary-danger-color: #FF0011;
    --primary-bg-color: #F3F3F3;
    --primary-warning-color: #FFCC00;
    --primary-active-soft-color: #DEF2D8;
    --primary-soft-text-color: #A8CF02;
    --text-soft:#707070;
}

@font-face {
    font-family: 'Mukta Vaani';
    src: url('/fonts/MuktaVaani-Regular.ttf') format('truetype');
    font-weight: 400; /* Normal weight */
}

@font-face {
    font-family: 'Mukta Vaani';
    src: url('/fonts/MuktaVaani-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold weight */
}

@font-face {
    font-family: 'Mukta Vaani';
    src: url('/fonts/MuktaVaani-SemiBold.ttf') format('truetype');
    font-weight: 600; /* Semi-Bold weight */
}

body, html {font-family: 'Mukta Vaani', sans-serif; background-color: var(--primary-bg-color); margin:0px; padding:0px; height:100%;}
a{text-decoration:none; color:var(--primary-text-color);}
a:link{text-decoration:none;}

::-webkit-scrollbar{display:none;}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #A8A8A8; }

/*Background Colors*/
.bg-primary{background-color:var(--primary-bg-color) !important;}
.bg-dark{background-color:var(--primary-text-color) !important;}
.bg-active{background-color:var(--primary-active-color) !important;}
.bg-warning{background-color:var(--primary-warning-color) !important;}
.bg-danger{background-color:var(--primary-danger-color) !important;}
.bg-active-soft {background-color:var(--primary-active-soft-color) !important;}

/*Text Colors */   

.text-primary{color: var(--primary-text-color) !important;}
.text-active{color: var(--primary-active-color) !important;}
.text-gray{color:#B4B3B3 !important;}
.text-danger{color:var(--primary-danger-color) !important;}
.text-warning{color:var(--primary-warning-color) !important;}
.text-active-soft{color:var(--primary-soft-text-color) !important;}
.text-soft{color:var(--text-soft) !important;}

/* Font Sizes - Font Weights */

.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-26{font-size: 26px;}
.fs-32{font-size: 32px;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

@media (max-width: 576px) {  Mobil ekranlar 
    .fs-12{ font-size:9px; }
    .fs-14 { font-size: 11px; }
    .fs-15 { font-size: 13px; }
    .fs-16 { font-size: 14px; }
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 28px;}
}

@media (min-width: 577px) and (max-width: 1220px) {  Tablet ekranlar 
    .fs-12{font-size:10px; }
    .fs-14 { font-size: 13px; }
    .fs-15 { font-size: 14px; }
    .fs-16 { font-size: 15px; }
    .fs-18{font-size: 17px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 22px;}
    .fs-28{font-size: 26px;}
    .fs-32{font-size: 30px;}
}

@media (min-width: 1221px) {  Masaüstü ekranlar 
  .fs-14 { font-size: 14px; }
  .fs-15 { font-size: 15px; }
  .fs-16 { font-size: 16px; }
}

/* General Utilities */

.h-100vh{height: 100vh;}
.cursor-pointer{cursor:pointer;}

/* General Checkboxes */
input[type="checkbox"] {position: relative; width: 16px; height: 16px; border:1px solid #B4B3B3; color:#38393F; border-radius: 2px; appearance: none;outline: 0;cursor: pointer; transition: background-color 175ms cubic-bezier(0.1, 0.1, 0.25, 1);}
input[type="checkbox"] ~ label{cursor:pointer;}
input[type="checkbox"]::before {position: absolute;content: '';display: block;top: 2px;left: 5px;width: 5px;height: 9px;border-style: solid;border-color:#FFFFFF;border-width: 0 2px 2px 0;transform: rotate(45deg);opacity: 0;}
input[type="checkbox"]:checked {color: #FFFFFF; border-color: var(--primary-active-color); background: var(--primary-active-color);}
input[type="checkbox"]:checked::before {opacity: 1;}  
input[type="checkbox"]:checked ~ label::before {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); cursor: pointer;}

/** General Inputs */
input[type="text"], input[type="tel"], input[type="email"], input[type="file"]{height:50px; border-radius: 4px; border:1px solid #B4B3B3;}
input[type="text"]::placeholder{color:#B4B3B3;}
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:focus-visible {border: 1px solid var(--primary-active-color) !important;outline: none;}
@media (max-width: 1024px)
{
    input[type="text"], input[type="tel"], input[type="email"], input[type="file"] {height: 36px;border-radius: 4px;border: 1px solid #B4B3B3;}
}

/*General File Inputs*/
.custom-file-button {position: relative;}
.custom-file-button input[type="file"]:focus {outline: none;box-shadow: none;}
.custom-file-button:hover label {background-color: var(--primary-active-color);color:#FFFFFF;cursor: pointer;}
.custom-file-button input[type="file"] {margin-left: -2px !important;color:#B4B3B3;pointer-events: none;}
.custom-file-button input[type="file"]::-webkit-file-upload-button {display: none;}
.custom-file-button input[type="file"]::file-selector-button {display: none;}

/*General Select Box*/
select{height:50px; border-radius:4px !important; border:1px solid #B4B3B3 !important;}
select::placeholder{color:#B4B3B3;}
select:active,
select:focus,
select:focus-visible {border: 1px solid var(--primary-active-color) !important;outline: none !important; box-shadow:none !important}

/*General Radio Buttons*/
input[type='radio']:after {cursor:pointer; width: 16px;height: 16px;border-radius: 16px;top: -2px;left: -1px;position: relative;background-color: #ffffff;content: '';display: inline-block; border: 2px solid #B4B3B3;}
input[type='radio']:checked:after {cursor:pointer; width: 16px;height: 16px;border-radius: 16px; top: -2px; left: -1px; position: relative; background-color: #FFF;content: ''; display: inline-block; visibility: visible; border: 5px solid var(--primary-active-color);}
input[type="radio"]::placeholder{color:#B4B3B3;}
input[type="radio"]:active,
input[type="radio"]:focus,
input[type="radio"]:focus-visible {border: 1px solid var(--primary-active-color) !important;outline: none; box-shadow:none !important}

/*General Forms*/
.form-control:focus{color:var(--primary-text-color) !important; border-color:var(--primary-active-color) !important; box-shadow:none!important; }
.form-control-warning{color:var(--primary-danger-color) !important; font-size:12px;}

/*Select2 Library Customize Styles*/
.select2-container .select2-selection--single {height: 50px !important;display: flex;align-items: center;}
.select2-container .select2-selection--single .select2-selection__rendered {line-height: 50px !important;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid var(--primary-active-color); border-radius:4px !important; outline:none}
.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {border: 1px solid var(--primary-active-color); outline:none;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--primary-active-color) !important;color: white;}
@media (max-width: 1024px) {
    .select2-container .select2-selection--single {height: 36px !important;}
    .select2-container .select2-selection--single .select2-selection__rendered {line-height: 36px !important;}
}
/*Tinymce Library Customize Styles*/
.mce-panel {border-color: #B4B3B3 !important;background-color:#F3F3F3!important;border-radius: 3px !important;}
.mce-flow-layout-item {margin: 5px 0 5px 5px !important;}
.mce-menubar .mce-menubtn {border-color: transparent !important;background: transparent !important;border-radius: 3px;}
.mce-menubar .mce-menubtn button span {color: #8A98AC !important;}
.mce-btn {border: 1px solid transparent !important;background-color: transparent !important;border-radius: 3px;}
.mce-btn .mce-txt {color: #8A98AC !important;}
.mce-btn button {padding: 5px 10px !important;}
.mce-btn-group .mce-btn {margin-left: 5px !important;}
.mce-btn-group:not(:first-child) {border-left: 1px solid #B4B3B3 !important;padding-left: 0 !important;}
.mce-caret {border-top-color: var(--primary-active-color) !important;}
.mce-ico {color: var(--primary-active-color) !important;}
.mce-label {text-shadow: none !important;color: #141d46 !important;}
.mce-menu-item .mce-ico {color: #8A98AC !important;}
.mce-menu-item .mce-text {color: #8A98AC !important;}
.mce-menu-item:hover {background-color: var(--primary-color) !important;}
.mce-menu-item:hover .mce-ico {color: #ffffff !important;}
.mce-menu-item:hover .mce-text {color: #ffffff !important;}
.mce-menu-item.mce-selected {background-color: var(--primary-color) !important;}
.mce-menu-item.mce-selected .mce-ico {color: #ffffff !important;}
.mce-menu-item.mce-selected .mce-text {color: #ffffff !important;}
.mce-menu-item:focus {background-color: var(--primary-color) !important;}
.mce-menu-item:focus .mce-ico {color: #ffffff !important;}
.mce-menu-item:focus .mce-text {color: #ffffff !important;}
.mce-grid-border a {border-color: #8A98AC !important;}
.mce-grid-border a:hover {border-color: var(--primary-color) !important;background: var(--primary-color) !important;}
.mce-grid-border a.mce-active {border-color: var(--primary-color) !important;background: var(--primary-color) !important;}

/*Dropzone Library Customize Sytles*/
.dropzone{background-color:var(--primary-bg-color); border:1px dashed var(--primary-text-color); border-radius:4px; min-height:auto;}
.dropzone.dz-messgae{margin: 0px !important;}

/*Icons*/
.rotate-icon {transition: transform 0.3s ease;}
.rotate-icon.rotate {transform: rotate(180deg);}

/*Modals*/
.modal-content{border:none; outline:none;}
.modal-header{border:none; background-color:var(--primary-active-color); color:#FFFFFF;}
.bootstrap-dialog-header{display:flex; align-items:center; justify-content:space-between; width:100%; border:none; font-size:18px; font-weight:500;}
.modal-body{padding-bottom:32px !important; font-size:16px; font-weight:500; color:var(--primary-text-color);}
.modal-footer{border:none;}
.btn-close{color:#FFFFFF !important; opacity:1; background-image:none; background-color:transparent;}
.btn-default{display:flex; border:1px solid #5EA918; min-width:120px; text-align:center; align-items:center; justify-content:center; padding:8px 32px; border-radius:38px;}
.btn-dialog-primary{display:flex; align-items:center; justify-content:center; min-width:120px; padding:8px 32px; border-radius:38px; color:#FFFFFF; background-color:#5EA918; border:none; outline:none;}
.btn-dialog-primary:hover{background-color:#5EA918 !important; color:#FFFFFF !important; }
.modal-custom-header{display:flex; align-items:center; justify-content:end}
 /*Carousel*/

.carousel-control-prev{left:-25px; width:auto; opacity:1;}
.carousel-control-next{right:-25px; width:auto; opacity:1;}
.carousel-control-next-icon{background-image:none; height:50px; width:50px; border-radius:50%; background-color:#FFFFFF; display:flex; align-items:center; justify-content:center; box-shadow: 0px 0px 12px #00000029;}
.carousel-control-prev-icon{background-image:none; height:50px; width:50px; border-radius:50%; background-color:#FFFFFF; display:flex; align-items:center; justify-content:center; box-shadow: 0px 0px 12px #00000029;}
.carousel-indicators{margin:0px; padding:0px; bottom:-40px;}
.carousel-indicators [data-bs-target]{height:16px; width:16px; border-radius:50%; opacity:1 !important;}
.carousel-indicators .active{color:var(--primary-active-color); background-color:var(--primary-active-color);}
.carousel-item > img { height:auto; object-fit:cover;}
.carousel-item{border-radius:8px;box-shadow: 0px 0px 16px #00000029;}
/*Tooltip*/
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#FFFFFF!important;}
.tooltip{padding-top:8px;}
.tooltip .tooltip-arrow{padding-top:8px;}
.tooltip-inner{color:var(--primary-active-color) !important; box-shadow: 0px 0px 8px #00000029; font-weight:600; background-color:#FFFFFF!important;}
/*General Get More Buttons*/
.get-more-btn{cursor:pointer; display:flex; align-items:center; justify-content:center; padding:8px 32px; border-radius:38px; font-size:16px; font-weight:600;box-shadow: 0px 0px 8px #00000029;}
.ap-general-btn{display:flex; align-items:center; justify-content:center; padding:8px 32px; border-radius:38px; font-size:16px; font-weight:600;box-shadow: 0px 0px 8px #00000029; background-color:#FFFFFF;}