#toast-container.toast-bottom-left > div {
    width: 100%;
}
.toast-bottom-left{
    right: 12px;
}
.modal-open .modal {
z-index: 200000000;
}
.rounded-custom-btn {
    border-radius: 12px;
}

.parent-box-introduction-custom.new-class-forHeight {
    height: auto!important;
}
.new-class-forHeight {
    height: auto!important;
}
dp-date-picker.dp-material .dp-picker-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px !important;
    width: 252px;
    font-size: 16px !important;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}
.custom-margin-top-for-all{

}

.new-custom-color-back-full {
    background-color: #F5F5F5;
    min-height:100%;
    min-height:100vh;
}
.back-blueCustom-new {
    background-color: #005AEB;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
}
 .card-inside-editing {
        margin-top: -300px;
    }
.font-18 {
    font-size: 18px;
}
.color-green-new{
    color:#009857 !important;
}

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

.font-11 {
    font-size: 11px;
}

.color-cu-g {
    color: #606060;
}

.color-text-80 {
    color: #808080;
}

.btn {
    padding: 8px 12px;
    border: 5px solid transparent;
}

.btn-large-custom {
    height: 48px;
}


.btn-color-blue {
    background-color: #146EFF;
    color: #FFFFFF;
}

.btn-color-blue:hover {
    color: white;
    background-color: #33BD48;
}

.btn-color-blue:focus {
    border: 5px solid #C8DDFF;
}

.btn-color-blue:active {
    background-color: #005AEB;
}

.btn-color-blue.disabled {
    color: #9F9F9F;
    background-color: #D1D1D1;
}

.icon-btn-larg {
    width: 20px;
    height: 20px;
}

.icon-btn-medium {
    width: 16px;
    height: 16px;
}

.icon-btn-small {
    width: 14px;
    height: 14px;
}

.btn-medium-custom {
    height: 40px;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 10px;
}

.btn-small-custom {
    font-size: 12px;
    height: 32px;
    padding: 3px 12px;
    border-radius: 8px;
}

.btn-secondary-custom {
    border: 1px solid #146EFF;
    color: #146EFF;
    padding: 11px 20px;
}

.btn-secondary-custom:hover {
    border: 1px solid #606060;
    color: #606060;
}

.btn-filter-custom {
    border: 0.5px solid #CBCBCB;
    border-radius: 10px;
    color: #606060;
}

.btn-filter-custom:hover {
    color: #606060;
}

.btn-secondary-custom:focus {
    border: 1px solid #C8DDFF;
    color: #146EFF;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.btn-secondary-custom:active {
    border: 1px solid #005AEB;
    color: #005AEB;
}

.btn-secondary-custom.disabled {
    border: 1px solid #B9B9B9;
    color: #B9B9B9;
}

.parent-input {
    width: 258px;
}

.clear-text {
    position: absolute;
    left: 10px;
    top: 16px;
}

.custom-pd-small {
    padding: 6px 12px;
}

.custom-pd-medium {
    padding: 8px 12px;
}

.custom-input {
    width: 258px;
    height: 56px;
    border: 1px solid #B9B9B9;
    border-radius: 12px;
    background-color: #F5F5F5;
    color: #606060;
    font-size: 16px;
    cursor: pointer;
}
.custom-input:active, .custom-input:focus {
    border: 1px solid #606060;
    background-color: #FFFFFF;
}
.custom-input:focus ~ .floating-label,
.custom-input:not(:placeholder-shown) ~ .floating-label {
    top: 2px;
    right: 12px;
    font-size: 11px;
    opacity: 1;
    margin-bottom: 10px;
}
.custom-input:focus ~ .floating-label img,
.custom-input:not(:placeholder-shown) ~ .floating-label img {
    width: 16px;
    height: 16px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    right: 20px;
    top: 18px;
    transition: 0.2s ease all;
    color: #606060;
    font-size: 16px;
}
.custom-input:disabled {
    background-color: #E9E9E9;
    color: #9F9F9F;
}
.text-down-input {
    color: #393939;
    font-size: 12px;
}
.text-success-input {
    color: #009857;
}
.custom-input:focus ~ .floating-label-success,
.custom-input:not(:placeholder-shown) ~ .floating-label-success {
    color: #009857;
}
.custom-input:focus ~ .floating-label-danger,
.custom-input:not(:placeholder-shown) ~ .floating-label-danger {
    color: #D80027;
}

.text-danger-input {
    color: #D80027;
}

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

.custom-input-medium {
    height: 48px;
    font-size: 14px;
}

.floating-label-medium {
    top: 13px;
    font-size: 14px;
}

.accordion-custom-h {
    color: #606060;
    font-size: 16px;
}

.card-accordion {
    background-color: #E2E2E2;
}

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

.text-accordion {
    font-size: 13px;
    color: #606060;
}

.parent-text-accordion {
    background-color: #F5F5F5;
}

.custom-medium-card-accordion {
    height: 48px;
}

.accordion-custom-medium-h {
    font-size: 14px;
}

.faq-content-medium .card a.faq[data-toggle="collapse"].collapsed::before {
    top: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.white-space-nowrap {
    white-space: nowrap;
}

.badge-custom {
    height: 33px;
    padding: 10px 20px;
    border-radius: 6px;
    color: #FFFFFF;
}

.badge-primary-custom {
    background-color: #146EFF;
}

.badge-secondary-custom {
    background-color: #146EFF33;
    color: #146EFF;
}

.badge-dark-custom {
    color: #606060;
    background-color: #D1D1D1;
}

.badge-success-custom {
    color: #009857;
    background-color: #00985733;
}

.badge-warning-custom {
    background-color: #BFB900E0;
}

.badge-danger-custom {
    background-color: #D80027C7;
}

.badge-primary-outline {
    border: 1px solid #146EFF;
    color: #146EFF;
}

.badge-secondary-outline {
    border: 1px solid #33BD48;
    color: #33BD48;
}

.badge-dark-outline {
    border: 1px solid #606060;
    color: #606060;
}

.badge-success-outline {
    border: 1px solid #009857;
    color: #009857;
}

.badge-warning-outline {
    border: 1px solid #BFB900;
    color: #605D00;
}

.badge-danger-outline {
    border: 1px solid #D80027;
    color: #D80027;
}

.dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.dot-primery {
    background-color: #146EFF;
}

.dot-secondary {
    background-color: #33BD48;
}

.dot-dark {
    background-color: #9F9F9F;
}

.dot-success {
    background-color: #009857;
}

.dot-warning {
    background-color: #BFB900;
}

.dot-danger {
    background-color: #D80027;
}

.text-dot {
    color: #393939;
    font-size: 14px;
}

.color-gray-light {
    color: #9F9F9F;
}

.text-color-pill {
    color: #606060;
}

.background-color-section {
    background-color: #f6f6f6;
}

.parent-search-btn {
    width: 300px;
    height: 56px;
}

.custom-input.custom-input-search {
    background: #FFFFFF;
    border: 0.5px solid #B9B9B9;
    border-radius: 12px;
    padding: 15px;
    width: 300px;
    height: 56px;

}

.background-color-section-2 {
    background-color: #F5F5F5;
}

.parent-search-btn .filter-search {
    position: absolute;
    left: 15px;
}

.search-btn {
    position: absolute;
    bottom: 16px;
    background-color: transparent;
    border: 0;
}

.custom-transition-nav .nav-link {
    transition: none !important;
    -webkit-transform: none !important;
}

.custom-nav-pills .nav-item .nav-link {
    background-color: #FFFFFF;
}

.custom-nav-pills .nav-item .nav-link.disabled .text-color-pill {
    color: #9F9F9F;
}

.custom-nav-pills .nav-item .nav-link.disabled .parent-box-pill .dot-dark {
    background-color: #9F9F9F;
}

.custom-nav-pills .nav-item .nav-link:hover .text-color-pill, .custom-nav-pills .nav-item .nav-link:hover .parent-box-pill .dot-dark {
    color: #33BD48;
}

.custom-nav-pills .nav-item .nav-link:hover .parent-box-pill .dot-dark {
    background-color: #33BD48;
}

.custom-nav-pills .nav-item .nav-link:active .text-color-pill, .custom-nav-pills .nav-item .nav-link:hover .parent-box-pill .dot-dark {
    color: #005AEB;
}

.custom-nav-pills .nav-item .nav-link:active .parent-box-pill .dot-dark {
    background-color: #005AEB;
}

.custom-nav-pills .nav-item .nav-link.active .text-color-pill {
    color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.active .parent-box-pill .dot-dark {
    background-color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.active:focus .parent-box-pill {
    background-color: #C8DDFF;
    border-radius: 10px;
}

.custom-nav-pills .nav-item .nav-link:focus .parent-box-pill {
    background-color: #E2E2E2;
    border-radius: 10px;
}

.text-underline {
    border-bottom: 3px solid;
    line-height: 2.5;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill {
    border-radius: 12px;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill.active {
    background-color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill.active .parent-box-pill .text-color-pill {
    color: #FFFFFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill:hover .parent-box-pill .text-color-pill {
    color: #FFFFFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill:hover {
    background-color: #33BD48;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill.active:hover {
    background-color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill.active:focus {
    background-color: #146EFF;
    border-radius: 12px;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill.active:focus .parent-box-pill {
    background-color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill:focus {
    background-color: #E2E2E2;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill:active .parent-box-pill {
    background-color: #146EFF;
}

.custom-nav-pills .nav-item .nav-link.btn-of-pill:active {
    background-color: #146EFF;
}

.nav-pills {
    background-color: transparent;
}

.parent-table-of {
    border-radius: 12px 12px 0 0;
    border: 1px solid #B9B9B9;
    text-align: center;
}

.parent-table-of tr th, .parent-table-of tr td {
    white-space: nowrap;
}

.parent-table-of {
    overflow-x: auto;
}

.parent-table-of .table td, .parent-table-of .table th {
    border-top: 1px solid #B9B9B9;
}

.parent-table-of .table tr th {
    color: #393939;
}

.parent-table-of .table tr td {
    color: #606060;
}

.parent-table-of .table tr:nth-child(even) {
    background-color: #f6f6f6;
}

.text-title-modal {
    color: #393939;
    font-size: 28px;
}

.text-modal {
    color: #9F9F9F;
}

.custom-close {
    font-size: 40px;
    color: red;
    opacity: 1;
}

.custom-close:hover {
    color: red;
    opacity: 1;
}

.custom-close-small {
    font-size: 27px;
    color: red;
    opacity: 1;
    padding-right: 8px;
}

.round {
    position: relative;
}

.round label {
    background-color: #B9B9B9;

    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
}

.round label:hover {
    background-color: #D1D1D1;
}

.round label.disabled {
    background-color: #D9D9D9;
}

.round label:focus {
    border: 5px solid #C8DDFF;
}

.round label:after {
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 9px;
    opacity: 0;
    position: absolute;
    top: 12px;
    transform: rotate(-45deg);
    width: 14px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

/*.round input[type="checkbox"]:checked + label {*/
/*    background-color: #146EFF;*/
/*}*/

/*.round input[type="checkbox"]:checked + label:hover {*/
/*    background-color: #33BD48;*/
/*}*/

.round input[type="checkbox"]:checked + label:focus {
    border: 5px solid #C8DDFF;
}

/*.round input[type="checkbox"]:checked + label:after {*/
/*    opacity: 1;*/
/*}*/

.custom-round {
    width: 50px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B9B9B9;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

/*input:checked + .slider:hover {*/
/*    background-color: #33BD48;*/
/*}*/

input:checked + .slider.disabled {
    background-color: #D9D9D9;
}

input:checked + .slider.disabled:hover {
    background-color: #D9D9D9;
}

.slider.disabled:before {
    background-color: #9F9F9F;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.radio-custom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: #B9B9B9;
    border-radius: 50%;
}

.checkmark-radio.disabled {
    background-color: #D9D9D9;
}

/* On mouse-over, add a grey background color */
.radio-custom:hover input ~ .checkmark-radio {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-custom input:checked ~ .checkmark-radio {
    background-color: #2196F3;
}

/*.radio-custom input:checked ~ .checkmark-radio:hover {*/
/*    background-color: #33BD48;*/
/*}*/

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-custom input:checked ~ .checkmark-radio:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-custom .checkmark-radio:after {
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
}

.custom-w {
    width: 80px;
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 208px;
    height: 10px;
    padding: 0;
    border-radius: 14px;
    outline: none;
    cursor: pointer;
}


/*Chrome thumb*/

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 10px;
    /*16x16px adjusted to be same as 14x14px on moz*/
    height: 16px;
    width: 16px;
    border-radius: 10px;
    background: #ffffff;
    border: 3px solid #146EFF;
}


/*Mozilla thumb*/

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-border-radius: 5px;
    height: 14px;
    width: 14px;
    border-radius: 10px;
    background: #ffffff;
    border: 3px solid #146EFF;
}


/*IE & Edge input*/

input[type=range]::-ms-track {
    width: 300px;
    height: 6px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 2px 0;
    /*remove default tick marks*/
    color: transparent;
}


/*IE & Edge thumb*/

input[type=range]::-ms-thumb {
    height: 14px;
    width: 14px;
    border-radius: 10px;
    background: #ffffff;
    border: 3px solid #146EFF;
}


/*IE & Edge left side*/

input[type=range]::-ms-fill-lower {
    background: #146EFF;
    border-radius: 2px;
}

/*IE & Edge right side*/

input[type=range]::-ms-fill-upper {
    background: #B9B9B9;
    border-radius: 2px;
}


/*IE disable tooltip*/

input[type=range]::-ms-tooltip {
    display: none;
}

input[type="text"] {
    border: none;
}

.tooltip-qm {
    float: left;
    margin: -2px 0 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    max-width: 241px !important;
    height: auto;
    font-size: 12px;
    padding: 15px;
    background: #E8E8E8;
    color: #606060;
    border-radius: 10px;
    text-align: center;
    font-family: IRANYekan;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #606060;
    /* Red */
}

.parent-box-introduction-custom {
    border: 0.5px solid #DCDCDC;
    border-radius: 16px;
    /*width: 305px;*/
    height: 312px;
    padding: 16px;
    background-color: #FFFFFF;
}

.parent-box-introduction-custom .title-news {
    font-size: 17px;
}

.parent-box-introduction-custom .box-img-news {
    height: 157px;
    border-radius: 12px;
    overflow: hidden;
}

.parent-box-news-custom {
    width: 305px;
    height: 421px;
    border-radius: 12px;
    background-color: #f5f5f5;
    text-align: justify;
}

.parent-box-news-custom.custom-text-new {
    width: 305px;
    height: 273px;
    text-align: justify;
}

.title-news {
    color: #393939;
}

.pagination-color-blue .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.pagination-color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 8px;
    background-color: #146EFF;
    border-radius: 4px;
}


.parent-box-news-custom .title-news {
    font-size: 22px;
}

.parent-box-news-custom .title-news:hover {
    color: #393939;
}

.color-gray-dark {
    color: #7D7D7D;
}

.parent-box-news-custom .text-news-p {
    font-size: 14px;
    color: #606060;
}

.parent-box-news-custom .data-span {
    font-size: 11px;
    color: #9F9F9F;
}

.custom-height-text-news {
}

.card-of-pic {
    width: 224px;
    height: 195px;
    background-color: #F5F5F5;
    border-radius: 16px;
    background-image: url("../images/component/shaype.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.card-of-pic.back-blue-pic {
    background-image: url("../images/component/shaype-blue.png");
}

.card-of-pic.back-gray-pic {
    background-image: url("../images/component/gray-shaype@2x.png");
}

.card-of-pic.new-back-pic {
    background-image: url("../images/component/shaype-2.png");
    background-size: 163px;
    background-position: top center;
}

.card-of-pic .inside-card-of-pic {
    margin: auto;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 50px;
}

.card-of-pic .inside-card-of-pic p {
    letter-spacing: -1px;
    font-weight: bold;
}

.card-of-pic .inside-card-of-pic img {
    width: 72px !important;
    height: 72px !important;
}

.card-of-pic .title-news {
    font-size: 17px;
}

.card-data-of-news {
    width: 451px;
    height: 115px;
    background-color: #f5f5f5;
    border-radius: 16px;
    overflow: hidden;
    text-align: justify;
}

.card-data-of-news .section-right {
    background-color: #33BD48;
    width: 97px;
}

.month-data, .day-data {
    color: #FFFFFF;
}

.month-data {
    font-size: 14px;
}

.card-data-of-news .section-left span, .address-bottom span {
    color: #808080;
    font-size: 12px;
    padding-right: 8px;
}

.card-of-pic.icon-card-of-pic {
    width: 224px;
    height: 184px;
    background-color: #FFFFFF;
}

.icon-card-of-pic .parent-icon-img-card {
    width: 48px;
    height: 48px;
    border: 3px solid #F1F1F1;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
}

.icon-card-of-pic .parent-icon-img-card.parent-icon-img-card img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.card-of-pic.icon-card-of-pic {
    background-image: url(../images/component/background-2.png);
}

.card-of-courses {
    width: 305px;
    height: auto;
    text-align: justify;
}

.course-parent-img {
    height: 170px;
    border-radius: 12px;
    overflow: hidden;
}

.card-of-courses .time-course {
    color: #929292;
    font-size: 12px;
}

.course-parent-img img {
    width: 100%;
    height: 100%;
}

.parent-box-news-custom .box-img-news {
    height: 172px;
    overflow: hidden;
}

.parent-box-news-custom .box-img-news img {
    height: 100%;
    width: 100%;
}

.parent-box-introduction-custom .box-img-news img {
    width: 100%;
    height: 100%;
}

.event-schedule-custom:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.event-schedule-custom {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.parent-box-introduction-custom, .parent-box-news-custom, .card-of-pic, .card-data-of-news, .card-of-courses {
    cursor: pointer;
}

@media (max-width: 340px) {
    .parent-box-introduction-custom {
        width: auto;
        padding: 12px;
    }

    .parent-box-introduction-custom .box-img-news {
        width: auto;
    }

    .parent-box-news-custom {
        width: auto;
    }

    .parent-box-news-custom .title-news {
        font-size: 18px;
    }

    .card-data-of-news {
        width: auto;
        height: auto;
    }

    .parent-box-news-custom.custom-text-new {
        width: auto;
    }

    .card-of-courses {
        width: auto;
    }
}

/*///////////////////////////////////////////////////////////landing////////////////////////*/
.color-nav-new {
    background-color: #FBFBFB;
    height: 145px;
}

.color-new-text-blue {
    color: #146EFF !important;
}

.custom-sizing-font {
    font-size: 17px;
}

.btn-medium-custom-new {
    height: 43px;
    font-size: 14px;
    padding: 10px 12px;
    border: 1px solid #C8C8C8;
    color: #606060;
}

.btn-medium-custom-new:hover {
    height: 43px;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #146EFF;
    border: 1px solid transparent;
}

.btn-medium-custom-new:hover img {
    filter: brightness(0%) invert(1);
}

.ull-custom-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.ull-custom-nav li {
    display: inline;
    margin-right: 43px;
}

.scroll-1 {
    padding-top: 31px;
}

.direction-custom {
    text-align: end;
}

.custom-font-size-head {
    font-size: 28px;
}

.mask-news::before {
    content: '';
    position: absolute;
    background-image: url("../images/component/mask-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 435PX;
    left: 0;
    height: 100%;
    right: 30px;
    display: block;
    bottom: -93px;
}

.mask-2::before {
    content: '';
    position: absolute;
    background-image: url("../images/component/mask-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    width: 445PX;
    height: 100%;
    display: block;
    bottom: 21px;
    left: 0;
}

.mask-2.mask-gallery::before {
    bottom: -45px;
    width: 385px;
}

.mask-3-residence::before {
    content: '';
    position: absolute;
    background-image: url("../images/component/Mask3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
}

.mask-news.mask-event::before {

    background-position: top right;
    width: 443PX;
    bottom: 48px;
    z-index: -1;
}

.container-custom-padding {
    padding-right: 67px;
    padding-left: 67px;
}

.parent-box-news-custom.custom-text-new:hover {
    background-color: #005AEB;
}

.parent-box-news-custom.custom-text-new:hover .text-news-p, .parent-box-news-custom.custom-text-new:hover .data-span, .parent-box-news-custom.custom-text-new:hover h6 {
    color: #FFFFFF !important;
}

.btn-secondary-custom-main:hover {
    border: 1px solid transparent;
    color: #ffffff;
    background-color: #33BD48;
}

.btn-secondary-custom-main-home {
    border: 1px solid transparent;
    color: #ffffff;
    background-color: #33BD48;
}

.btn-secondary-custom-main-home:hover {
    border: 1px solid transparent;
    color: #393939;
    background-color: white;
}

.box-service-main .text-news-p {
    font-size: 14px;
    color: #606060;
}

.box-service-main {
    background-color: #F5F5F5;
    border-radius: 12px;
    width: 305px;
    height: 317px;
}

.box-service-main .data-span {
    font-size: 11px;
    color: #9F9F9F;
}

.custom-size-icon-servise {
    width: 48px;
    height: 48px;
}

.bg-custom-back {
    background-color: #FBFBFB;
    border-radius: 0 0 470px 470px;
}

.swiper-custom-height {
    height: 157px;
}

.swiper-pagination-custom .swiper-pagination-bullet-active {
    background: #FFFFFF;
}

.background-defult {
    background-color: #FBFBFB;
}

.border-back-color {
    position: absolute;
    background-color: #C8DDFF;
    width: 127px;
    height: 52px;
    z-index: -1;

}

.color-show-more {
    color: #33BD48;
}

.color-show-more:hover {
    color: #33BD48;
}

.custom-collection {
    height: 208px;
}

.icon-box-collection {
    background-color: #FFFFFF;
    width: 48px;
    height: 48px;
    border-radius: 12px 0 12px 12px;
}

.icon-box-collection {
    background-color: #FFFFFF;
    width: 48px;
    height: 48px;
    border-radius: 12px 0 12px 12px;
}

.icon-box-collection img {
    width: 32px;
    height: 32px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.border-customize-box-img {
    border-radius: 12px !important;
}

.border-customize-box-img a {
    height: 100%;
    width: 100%;
}

.border-customize-box-img a img {
    height: 100%;
    width: 100%;
}

.swiper-consultants, .swiper-user {
    padding-top: 10px !important;
    padding-bottom: 60px !important;
}

.bg-customize-gray {
    background-color: #f8f8f8;
}

.mask-news.mask-centers::before {
    background-size: contain;
    background-position: top right;
    width: 386PX;
    left: 0;
    right: 34px;
    bottom: 0;
    top: 30px;
    background-image: url("../images/component/Mask-end.png");
}

.custom-border-bottom-right {
    border-bottom-right-radius: 330px;
}

.overlay-img-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    background-color: rgba(1, 57, 146, 0.78);
    z-index: 0;
    height: 500px;
    width: 100%;
}

.custom-home-slider .swiper-home .swiper-wrapper .swiper-slide, .swiper-slide img {
    width: 100%;
    height: 500px;
}

.swiper-home .swiper-button-next-home, .swiper-home .swiper-button-prev-home {
    width: 48px;
    height: 48px;
    opacity: 0.7;
    border-radius: 50px;
    border: 1px solid white;
    top: auto;
    bottom: 40px;
    z-index: 1;
}

.swiper-home .swiper-button-next-home::after, .swiper-home .swiper-button-prev-home::after {
    font-size: 20px;
    color: #FFFFFF;
    opacity: .76;
    z-index: 1;

}

.swiper-home .swiper-pagination-home .swiper-pagination-bullet {
    width: 48px;
    height: 8px;
    background-color: #FFFFFF;
    border-radius: 20px;
    z-index: 1;

}

.swiper-home .swiper-pagination-home {
    bottom: 48px !important;
}

.inside-slider-home {
    right: 60px;
    z-index: 2;
    top: 50px;
    position: absolute;
    width: 436px;
}

.swiper-button-prev-home, .swiper-container-rtl .swiper-button-next-home {
    left: 60px !important;
    right: auto !important;
}

.swiper-button-next-home, .swiper-container-rtl .swiper-button-prev-home {
    right: 60px !important;
    left: auto !important;
}

.head-inside {
    color: #E9E9E9;
    font-size: 17px;
}

.head-inside-inside {
    color: #FFFFFF;
    font-size: 22px;

}

.mtn-inside {
    color: #EEEEEE;
    font-size: 14px;
}

.home-slider {
    padding-top: 74px;
}

.swiper-consultants .swiper-pagination-consultants .swiper-pagination-bullet, .swiper-user .swiper-pagination-user .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.swiper-consultants .swiper-pagination-consultants .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-user .swiper-pagination-user .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #146EFF;
}

.logo-header img {
    width: 195px;
    height: 66px;
}

.buy-button {
    text-align: end;
}

.rounded-custom-btn-login {
    border-radius: 10px;
    background-color: #DFEBFF;
    color: #146EFF;
    font-size: 14px;
}

.rounded-custom-btn-login:hover {
    color: #146EFF;
}

.rules-btn, .rules-btn:hover {
    font-size: 14px;
    color: #606060;
}

.custom-menu-extras {
    position: absolute;
    left: 11px;
}

/*///////////////////accordeon-in-eghamatgah-detail*/
.arrow-down.active-3 {
    display: block;
}

.arrow-down {
    display: none;
}

.arrow-top {
    display: block;
}

.parent-accordion-card {
    background-color: #F5F5F5;
    border-radius: 12px;
    overflow: hidden;
    border: 0;
}

.parent-accordion-card .accordion-card-cu {
    background-color: #F5F5F5;
    padding: 10px 18px;
    height: 56px;
    border-bottom: 0;
}

.parent-accordion-card .accordion-card-cu .btn-link {
    text-decoration: none;
}

.parent-accordion-card .card-body {
    padding: 0 18px 15px 18px;
    font-size: 16px;
}

.text-header-accordion, .text-header-accordion:hover {
    color: #146EFF;
    font-size: 18px;
}

.arrow-accordion-parent {
    top: 9px;
    left: 0;
}

.arrow-accordion-parent img {
    width: 16px;
    height: 15px;
}

.back-blueCustom {
    background-color: #005AEB;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.card-inside-customizing {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.card-parent-sample{
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 1px 12px #00000014;
    background-color: #ffffff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.scroll-1 {
    white-space: nowrap;
    overflow-x: auto;
    text-align: justify;
    padding-bottom: 15px;
}
*::-webkit-scrollbar {
    height: 8px;
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(153, 154, 164, 0.3);
    border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(43, 45, 66, 0.8);
    border-radius: 20px;
}

* {
    scrollbar-color: rgba(43, 45, 66, 0.8) rgba(153, 154, 164, 0.3);
    scrollbar-width: thin;
}

@media (max-width: 1210px) {

    .logo {
        font-size: 20px;
    }



    .parent-box-news-custom {
        width: 281px;
        height: 421px;
    }

    .container-custom-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991.9px) {
    .custom-font-size-head {
        font-size: 25px;
    }

    .card-data-of-news {
        width: auto;
        height: auto;
    }

    .custom-buy-button {
        text-align: center;
    }
}

@media (max-width: 767.9px) {
    .parent-box-news-custom.custom-text-new {
        width: auto;
        height: auto;
    }

    .parent-box-news-custom .title-news {
        font-size: 18px;
    }

    .box-service-main h5 {
        font-size: 18px;
    }

    .box-service-main {
        width: 245px;
        height: auto;
    }

    .color-nav-new {
        height: 115px;
    }

    .parent-box-news-custom {
        width: 240px;
    }

    .card-of-courses {
        width: 250px;
    }

    .parent-box-news-custom {
        height: 435px;
    }

    .responsive-font-head {
        font-size: 20px;
    }
}

@media (max-width: 575.9px) {
    .parent-box-news-custom.custom-text-new {
        width: 305px;
        height: auto;
    }

    .box-service-main {
        width: 305px;
        height: 317px;
    }

    .custom-responsive-boxing {
        width: 305px;
        height: auto;
    }

    .parent-box-news-custom {
        width: 281px;
        height: 421px;
    }

    .custom-font-size-head {
        font-size: 20px;
    }

    .text-header-accordion, .text-header-accordion:hover {
        font-size: 14px;
    }

    .parent-accordion-card .card-body {
        padding: 0 18px 15px 18px;
        font-size: 13px;
    }

    .parent-accordion-card .accordion-card-cu {
        height: 48px;
        padding: 8px 18px;
    }

    .arrow-accordion-parent img {
        width: 13px;
        height: 13px;
    }
}

ngb-modal-window .modal-dialog{
    margin: 0;
}
ngb-modal-window .modal-dialog .modal-content{
    border: 0;
    border-radius: 0;
}