@font-face {
    font-family: 'Faculty Glyphic';
    src: url('../fonts/FacultyGlyphic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inclusive Sans';
    src: url('../fonts/InclusiveSans-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
}

:root {
    --font-title: 'Faculty Glyphic';
    --font-text: 'Inclusive Sans';
    --color-beige: #F5F5E3;
    --color-lavander: #A189F7;
    --color-orange: #F75318;
    --color-text: #1F1E17;
    --color-white: #FFF;
    --color-yellow: #FFF442;
    --color-grey: #F4F4F4;
}

* {
    font-family: var(--font-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-title);
}

p {
    font-family: var(--font-text);
    margin-bottom: 0.2rem !important;
    font-size: 1.1rem;
}

.ut .bput_header {
    background-color: var(--color-beige);
}

.ut .header-logo a img {
    width: 225px;
    height: auto;
}

.ut .bput_header .header-logo a img {
    width: auto;
    height: 120px;
}

.ut .ut-header-right {
    display: flex;
    align-items: center;
    gap: 120px;
}

.ut .bput_main_menu {
    flex-grow: 1;
}

.ut .bput_search {
    flex-shrink: 0;
    padding-top: 10px;
}

.ut .bput_header_helper {
    align-items: initial;
}

.ut .ut-header-right {
    align-items: center;
}

.ut .primary-navigation .primary-menu-container>ul>.menu-item>a {
    font-family: var(--font-text);
    color: var(--color-text);
    font-weight: 500;
    font-size: 15px;
}

.ut .bput_slider_helper .bput_slider_left {
    background-color: var(--color-lavander);
}

.ut .bput_slider_helper .bput_slider_left h3 {
    font-size: 48px;
    font-family: var(--font-title);
    font-weight: 400;
    line-height: 110%;
    color: var(--color-beige);
}

.ut .slider_inner_text_upper {
    font-family: var(--font-title);
    color: var(--color-text);
    font-size: 22px;
    font-weight: 400;
}

.ut .slider_inner_text_lower {
    font-family: var(--font-text);
    color: var(--color-text);
    font-size: 16px;
    font-weight: 400;
}

.ut .slider_btn {
    background-color: var(--color-orange);
    color: var(--color-white);
    font-family: var(--font-text);
    font-size: 16px;
    font-weight: 600;
}

.ut .bti_information_column>a>img {
    border-radius: 10px;
}

.ut .bti_information_inner .bti_inner_title {
    font-family: var(--font-title);
    color: var(--color-white);
    font-size: 37px;
    font-weight: 400;
}

.ut .bti_information_inner .bti_inner_subtitle {
    font-family: var(--font-text);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 115%;
}

.ut .bti_information_column .bti_information_inner {
    z-index: 2;
}

.ut .bti_information_column > a {
    position: relative;
}

.ut .bti_information_column > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

h2.ut-page-title {
    padding-top: 50px;
    color: var(--color-orange);
    font-family: var(--font-title);
    font-size: 32px;
    font-weight: 400;
    line-height: 110%;
}

.ut .background-element-1 {
    position: absolute;
    top: 7%;
    left: -300px;
    margin: 0 !important;
}

.ut .bac-homepage .background-element-1 {
    position: absolute;
    top: 7%;
    left: -300px;
    margin: 0 !important;
}

.ut .background-element-1 img {
    width: 537px;
    height: auto; 
}

.ut .background-element-2  {
    position: absolute;
    top: 49%;
    left: 135px;
    margin: 0 !important;
}

.ut .bac-homepage .background-element-2 {
    position: absolute;
    top: 49%;
    left: 135px;
    margin: 0 !important;
}

.ut .background-element-2 img {
    width: 209px;
    height: auto; 
}

.ut .background-element-3 {
    position: absolute;
    bottom: 10%;
    right: -150px;
    margin: 0 !important;
}

.ut .bac-homepage .background-element-3 {
    position: absolute;
    bottom: 10%;
    right: -150px;
    margin: 0 !important;
}

.ut .background-element-3 img {
    width: 367px;
    height: auto; 
}

.ut .bti_post_title {
    background-color: var(--color-beige);
}

.ut .bti_date_helper {
    background-color: var(--color-orange);
}

.ut .post_date_day {
    font-family: var(--font-title);
    font-size: 29px;
    font-weight: 400;
    color: var(--color-white);
}

.ut .post_date_month {
    color: var(--color-white);
    font-family: var(--font-text);
    font-size: 16px;
    font-weight: 400;
}

.ut .bti_post_title a {
    font-family: var(--font-text);
    color: var(--color-text);
    font-size: 19px;
    font-weight: 400;
    line-height: 110%;
    text-align: center;
}

.ut #menu-footer-upper li a:before,
.ut #menu-footer-lower li a:before {
    content: '';
    background-image: url('/wp-content/themes/uzticibastalrunis/assets/images/list.svg');
    background-size: 16px 24px;
    width: 16px;
    height: 24px;
    display: inline-flex;
    position: relative;
    top: 6px;
}

.ut #bput_footer {
    background-color: var(--color-beige);
}

.ut .footer-three-title {
    font-size: 32px;
    font-weight: 400;
}

.ut .footer-three-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 115%;
    color: var(--color-beige);
}

.ut #menu-footer-upper li a,
.ut #menu-footer-lower li a {
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 115%;
}

.ut .footer-one .footer-logo img {
    width: 200px;
    height: auto;
    transform: rotateZ(-9deg);
    padding-bottom: 5px;
}

.ut .footer-contact-row,
.ut .footer-contact-row a {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: var(--color-text);
    text-decoration: none;
}

.ut .footer-socials {
    padding-top: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ut .footer-lower-right span,
.ut .footer-lower-right span a {
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}

.ut .vc_tta-tabs-list .vc_tta-tab a span {
    color: var(--color-text) !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 115%;
}

.ut .vc_tta-tabs-list .vc_tta-tab a {
    border-color: var(--color-text) !important;
}

.ut .vc_tta-tabs-list .vc_active a {
    background-color: var(--color-lavander) !important;
    border-color: var(--color-lavander) !important;
}

.ut .vc_tta-tabs-list .vc_active a span {
    color: var(--color-white) !important;
}

.ut .vc_tta-tabs-list .vc_tta-tab a:hover {
    background-color: var(--color-lavander) !important;
    border-color: var(--color-lavander) !important;
}

.ut .vc_tta-tabs-list .vc_tta-tab a:hover span {
    color: var(--color-white) !important;
}

.ut p {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

.ut .wpb_text_column li,
.ut .entry-content li {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}

.ut .wpb_text_column a,
.ut .entry-content a {
    color: var(--color-orange);
}

.ut .wpb_text_column h1,
.ut .wpb_text_column h1 *,
.ut .wpb_text_column h2,
.ut .wpb_text_column h2 *,
.ut .wpb_text_column h3,
.ut .wpb_text_column h3 *,
.ut .wpb_text_column h4,
.ut .wpb_text_column h4 *,
.ut .wpb_text_column h5,
.ut .wpb_text_column h5 *,
.ut .wpb_text_column h6,
.ut .wpb_text_column h6 * {
    color: var(--color-orange) !important;
    font-weight: 400;
    line-height: 115%;
    font-family: var(--font-title);
}

.ut .bac-cta {
    background-color: var(--color-orange) !important;
}

.ut .bac-cta .wpb_text_column {
    background-color: var(--color-orange) !important;
}

.ut .bac-cta .wpb_text_column h2,
.ut .bac-cta .wpb_text_column h2 * {
    color: var(--color-white) !important;
}

.ut .bput_header {
    border-color: var(--color-text);
}

.ut .start_chat_btn {
    color: var(--color-white);
    background-color: var(--color-orange);
    font-size: 16px;
    font-weight: 600;
}

.ut .chat_call_left h4 {
    color: var(--color-text);
    font-size: 22px;
    font-weight: 400;
}

.ut .chat_call_left span {
    color: var(--color-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 115%;
}

.ut .bput_search i {
    color: var(--color-text);
}

.ut .chat_call_right .call_button {
    background-color: var(--color-lavander);
    font-weight: 600;
    font-size: 16px;
    color: var(--color-white);
}

.ut .shadow-background {
    background-color: #FFF;
}

.ut #main > .container {
    position: relative;
    z-index: 2;
}

.ut .main-background {
    overflow-x: hidden;
}

.ut .bput_row_title h2 {
    color: var(--color-orange);
}

.ut .bti_pagination span {
    background-color: var(--color-orange);
}

.ut .bti_post_title_single {
    color: var(--color-orange);
}

.ut .ui-accordion-header.ui-state-active {
    background-color: var(--color-orange) !important;
}

.ut .mega-accordion .ui-accordion-header:hover {
    background-color: var(--color-orange) !important;
}

.ut .ui-accordion-header {
    font-family: var(--font-text) !important;
    font-size: 18px;
    font-weight: 400;
}

.ut .bti_wpform > .vc_column-inner,
.ut .consultation-left > .vc_column-inner {
    background-color: var(--color-orange) !important;
}

.ut .bti_wpform .vc_column-inner h5,
.ut .bti_wpform .vc_column-inner h5 *,
.ut .consultation-left h5,
.ut .consultation-left h5 * {
    color: var(--color-white) !important;
}

.ut .bti_wpform .consultation-form-submit,
.ut .consultation-left .consultation-form-submit {
    background-color: var(--color-lavander) !important;
    color: var(--color-white) !important;
}

.ut .wpb_row:has(.tab-background-img-single) {
    z-index: 5;
    position: relative;
}

.ut .wpb_row:has(.tab-background-img) {
    z-index: 5;
    position: relative;
}

.ut .vc_tta.vc_general .vc_tta-tabs-list {
    max-width: 60%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.ut .bti_search_container {
    border-color: var(--color-orange);
}

.ut .mobile-header-logo img {
    width: 100px;
    height: auto;
}

.ut .bti_mobile_header {
    border-color: var(--color-text);
    background-color: var(--color-beige);
}

.ut .bti_mobile_menu_upper .call_button {
    background: var(--color-lavander);
}

.ut .purple-icon {
    color: var(--color-orange);
}

.ut .red-bg {
    background-color: var(--color-orange);
}

.ut .about_us_call_button {
    background-color: var(--color-lavander) !important;
    color: var(--color-white) !important;
}

.ut .about_us_chat button {
    background-color: var(--color-white) !important;
    color: var(--color-text) !important;
}

.ut .bput_header_helper {
    gap: 20px;
}

.ut .header-logo {
    flex-shrink: 0;
}

.ut .slider_mob {
    z-index: 10;
}

.ut .footer_images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.ut .footer-lower-right {
    flex-shrink: 0;
}

.ut .footer-apps {
    display: none;
}

.ut .slider_mob_slide {
    background-color: var(--color-lavander);
}

.ut .slider_mob_slide .slider_inner_text_lower {
    padding-top: 10px;
}

.ut .bti_mobile_slider_inner .bti_mobile_slider_inner_left .slider_inner_text_upper {
    color: var(--color-text);
    font-weight: 400;
}

.ut .custom_paging li a span {
    color: var(--color-orange);
}

.ut .bti_slider_arrow_next {
    background-color: var(--color-orange);
}

.ut .bti_slider_arrow_prev {
    color: var(--color-orange);
    border-color: var(--color-orange);
}

.ut .bput_slider_helper .slider_inner_helper {
    width: 100%;
    max-width: 600px;
}

.ut .tab-background-img img {
    max-width: 400px !important;
}

.ut .bput_slider_right img {
    position: relative;
    top: 5px;
}

.ut .page-template-default .chat_call_container.shadow-background {
    padding: 30px 20px;
}

@media (max-width: 1400px) {
    .ut .ut-header-right {
        gap: 30px
    }
    .ut #slider_arrows {
        left: 90px;
    }
}

@media (max-width: 1200px)  {
    .ut .footer-upper {
        display: grid;
        grid-template-columns: 250px 250px minmax(0, 1fr);
    }
    .ut .bti_information_column>a>img {
        height: 320px;
    }
    .ut .bput_slider_helper .slider_inner_helper {
        padding: 25px 15px;
    }
    .ut .slider_inner_middle {
        display: none;
    }
    .ut .slider_inner_right {
        flex-shrink: 0;
    }
    .ut .slider_inner_text_upper {
        font-size: 20px;
    }
    .ut .page-template-default .chat_call_container.shadow-background .chat_call_middle:before {
        content: none;
    }
    .ut .page-template-default .chat_call_container.shadow-background .chat_call_container_helper {
        flex-direction: column;
        gap: 10px;
    }
    .ut .page-template-default .chat_call_container.shadow-background a,
    .ut .page-template-default .chat_call_container.shadow-background button {
        display: inline-flex;
        align-items: center;
    }
}

@media (max-width: 1100px) {
    .ut .bput_slider_helper .bput_slider_left {
        padding: 30px 20px;
    }
}

@media (max-width: 1024px) {
    .bti_information_block .slick-list {
        margin: 0px -10px;
    }
    .bti_information_block .slick-slide {
        margin: 0px 10px;
    }
    .home .bti_information_block {
        margin-top: 150px;
    }
    .ut .bput_slider_left {
        margin-left: 15px;
    }
}

@media( max-width: 1000px) {
    .ut .bput_header .header-logo a img {
        height: 100px;
    }
    .ut .footer-three {
        display: none;
    }
    .ut .footer-upper {
        display: inline-flex;
    }
    .ut .footer-apps {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .ut .footer-apps img {
        width: 110px;
        height: auto;
    }
    .ut #bput_footer_lower {
        margin-top: 0 !important;
    }
    .ut .footer-one {
        margin-bottom: 25px;
    }
    .background-element-1,
    .background-element-2,
    .background-element-3 {
        display: none !important;
    }
    .ut .bput_slider_helper .slider_inner_helper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .page-template-news .bti_all_posts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .page-template-news .bti_all_posts .bti_post {
        width: 100% !important;
    }
}

@media (max-width: 990px) {
    .bti_all_posts .slick-list {
        margin: 0px -10px;
    }
    .bti_all_posts .slick-slide {
        margin: 0px 10px;
    }
    .bti_all_posts .slick-track {
        padding: 0 0 30px;
    }
    .ut .tab-background-img img {
        max-width: 300px !important;
    }
}

@media (max-width: 800px) {
    .ut .vc_tta-panels .vc_active .vc_tta-panel-heading {
        background-color: var(--color-orange) !important;
    }
    .ut .page-template-default .chat_call_container.shadow-background a  {
        padding-top: 8px;
        padding-bottom: 8px;
        height: auto;
    }
}

@media (max-width: 768px) {
    .ut .footer-lower .footer-helper {
        flex-direction: column;
        justify-content: center;
        display: flex;
    }
    .ut .footer_images {
        justify-content: center;
    }
    .ut .footer-lower-right {
        padding-bottom: 25px;
    }
    .ut .chat_call_row .wpb_raw_code {
        margin-bottom: 100px !important;
    }
    .ut p {
        font-size: 17px;
    }
    .ut .wpb_text_column li,
    .ut .entry-content li {
        font-size: 17px;
    }
    .ut .get-app-images .wpb_single_image {
        text-align: center;
    }
    .page-template-news .bti_postpage_title {
        padding-top: 0 !important;
    }
}


@media (max-width: 550px) {
    .home .bti_information_block {
        margin-top: 100px;
    }
    .ut .slider_mob_slide .slider_inner_text_upper {
        font-size: 14px !important;
    }
    .ut .slider_mob_slide .slider_inner_text_lower {
        font-size: 12px !important;
    }
    .ut .bti_mobile_slider_inner .bti_mobile_slider_inner_right button {
        padding: 10px !important;
    }
    .page-template-news .bti_all_posts {
        grid-template-columns: minmax(0, 1fr);
        gap: 0px;
    }
}

@media (max-width: 530px) {
    .ut .footer-upper {
        flex-direction: column;
    }
    .ut .footer-one,
    .ut .footer-two {
        margin-bottom: 0;
    }
    .ut #bput_footer_lower {
        margin-top: 0;
    }
    .ut .footer-one {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }
    .ut #menu-footer-upper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 20px;
        grid-row-gap: 5px;
    }
}

@media (max-width: 500px) {
    .ut .footer_images .footer-image-3 {
        height: auto !important;
        width: auto;
        max-width: 90vw;
        padding-top: 10px;
    }
    .ut .bti_information_column>a>img {
        height: initial;
    } 
}

@media (max-width: 420px) {
    .ut .bti_mobile_slider_inner_middle {
        display: none;
    }
    .shadow-background .chat_call_container_helper {
        flex-direction: column;
        gap: 20px;
    }
}
 
@media (max-width: 400px) {
    .ut #menu-footer-upper {
        grid-template-columns: minmax(0, 1fr);
    }
    .ut .footer-two {
        display: block;
        width: 100%;
    }
    .ut .bti_mobile_slider_inner .bti_mobile_slider_helper {
        flex-direction: column;
        gap: 6px;
    }
}