:root{
    --main-cl: #0C3F6C;
    --sub-cl: #F27325;
    --container-w: 72.917rem;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
body::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
body{
    overflow-x: hidden;
    font-family: "Anek Latin", sans-serif;
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
    font-weight: 400;
}

.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .3s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.2s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 80px;
    height: 80px;
    background-color: #fff;
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active{
    background-color: var(--fs-color-primary);
    color: #FFF;
}
.search-tabs .search-tab-content{
    display: none;
}
.search-tabs .search-tab-content.active{
    display: block;
}
.search-tabs .search-empty{
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}
.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3{
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

section.contact_page .col_5{
    padding-top: 5.99rem;
    padding-right: 2.042rem;
}
section.contact_page .col_5 .logo_contact{
    width: 9.792rem;
    height: auto;
    margin-bottom: 2.083rem;
}
section.contact_page .col_5 h2{
    font-size: 1.5625rem;
    line-height: 1.979rem;
    font-weight: 700;
    margin-bottom: 0.26rem;
    color: #333;
}
section.contact_page .col_5 .sec_des{
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
    position: relative;
}
section.contact_page .col_5 .sec_des:before{
    background-color: #00000033;
    width: 21.615rem;
    height: 1px;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    max-width: 100%;
}
section.contact_page .col_7 .sec_des{
    margin-bottom: 2.1875rem;
}
section.contact_page .col_7 .sec_title{
    margin-bottom: 0.521rem;
    color: #fff;
}
.form_wrap p{
    margin-bottom: 0;
}
.form_wrap .form_group{
    margin-bottom: 1.667rem;
    position: relative;
}
.form_wrap .form_group.col_6{
    width: calc(50% - 0.729rem);
}
.form_wrap .form_group:last-child{
    margin-bottom: 0;
}
.form_wrap .form_group input:not([type="submit"]),
.form_wrap .form_group textarea{

}
.form_wrap .form_group textarea{
    height: 5.208rem;
}
.form_wrap .form_group input:not([type="submit"]):focus,
.form_wrap .form_group textarea:focus{
    border-color: var(--sub-cl);
    box-shadow: unset !important;;
}
.form_wrap .form_group.focus label{
    top: 0;
    transform: translateY(-110%);
    color: #FFF;
    font-size: 0.9375rem;
    left: 0;
}
.form_wrap .form_group .btn{
    padding: 0;
}
.form_wrap .form_group.submit_btn{
    width: max-content;
}
.btn > p,
.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    -webkit-border-radius: 0.208rem;
    -moz-border-radius: 0.208rem;
    border-radius: 0.208rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: 2.5rem;
    padding: 0 1.5rem;
}
.btn svg{
    margin-left: 0.833rem;
    display: none;
}
.btn span{
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.042rem;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn span.text_secondary{
    color: var(--sub-cl)
}
.btn_primary{
    background-color: var(--main-cl);
}
.btn_primary span{
    color: #FFF
}
.btn_secondary{
    background-color: var(--sub-cl);
    border: 1px solid var(--sub-cl);
}
.btn_secondary span{
    color: var(--main-cl)
}
form.wpcf7-form{
    margin-bottom: 0;
}
.bg_cus{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.content_wrap,
.content_wrap p,
.content_wrap li{
    font-size: 1.146rem;
    line-height: 1.5625rem;
    color: #333333;
}
.content_wrap p{
    margin-bottom: 1.042rem;
}
.content_wrap a{
    background-image: linear-gradient(90deg,transparent,transparent),linear-gradient(90deg,var(--main-cl),var(--main-cl));
    background-size: 100% 1px,0 1px;
    background-position: 100% calc(100% - 0px),0 calc(100% - 0px);
    background-repeat: no-repeat;
    transition: background-size .4s;
    display: inline;
}
.content_wrap a:hover{
    color: var(--main-cl);
    background-size: 0 1px,100% 1px;
}
.content_wrap li{
    margin-bottom: 0.521rem;
}
.content_wrap h2{
    font-size: 1.5625rem;
    font-weight: 600;
    color: #333333;
    line-height: 1.979rem;
}
.content_wrap h3{
    font-size: 1.40625rem;
    font-weight: 600;
    line-height: 1.823rem;
    color: #333333;
}
.content_wrap h4{
    font-size: 1.302rem;
    font-weight: 600;
    line-height: 1.71875rem;
    color: #333333;
}
.content_wrap h5{
    font-size: 1.042rem;
    font-weight: 600;
    line-height: 1.71875rem;
}
.content_wrap > *:last-child{
    margin-bottom: 0 !important;
}
section.contact_page .col_5 .content_wrap{
    margin-bottom: 0.625rem;
}
section.contact_page .col_5 .content_wrap p{
    line-height: 1.771rem;
}
.social_item{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.417rem !important;
    margin-bottom: 0;
}
.social_item.transparent{
    border-color: var(--main-cl);
}
section.default_page{
    padding: 6.25rem 0;
}
body.learnpress-profile section.default_page{
    padding: 3.125rem 0;
}
.home_page_3{
    padding-top: 4.604rem;
    padding-bottom: 4.604rem;
}
.home_page_3 .item:not(:last-child){
    margin-bottom: 6.5625rem;
}
.home_page_3 .item:nth-child(even) > .flex_box{
    flex-direction: row-reverse;
}
.home_page_3 .item:nth-child(odd) .img_wrap{
    padding-left: 0.833rem;
    padding-right: 2.083rem;
    position: relative;
}
.home_page_3 .item .col_6:nth-child(2):before{
    position: absolute;
    content: '';
    width: 80%;
    height: 100%;
    background: linear-gradient(180deg, rgba(35, 105, 170, 0) 0%, rgba(35, 105, 170, 0.209398) 40.63%, #0C3F6C 100%);
}
.home_page_3 .item:nth-child(odd) .col_6:nth-child(2):before{
    right: 0;
    bottom: 4.6875rem;
}
.home_page_3 .item:nth-child(even) .col_6:nth-child(2):before{
    left: 0;
    bottom: 4.6875rem;
}
.home_page_3 .item:nth-child(odd) .cont_wrap{
    padding-right: 5rem;
}
.home_page_3 .item:nth-child(even) .cont_wrap{
    padding-left: 5rem;
}
.home_page_3 .item:nth-child(even) .img_wrap{
    padding-right: 0.833rem;
    padding-left: 2.083rem;
    position: relative;
}
.home_page_3 .item .cont_wrap .text_gray{
}
.home_page_3 .item .cont_wrap .sec_title{
    margin-bottom: 1.042rem;
}
.home_page_3 .item .cont_wrap .sec_des{
    margin-bottom: 1.042rem;
}
.home_page_3 .item .cont_wrap .btn:not(:last-child){
    margin-right: 0.78125rem;
}
.col_1{flex:0 0 auto;width:8.33333333%}
.col_2{flex:0 0 auto;width:16.66666667%}
.col_3{flex:0 0 auto;width:25%}
.col_4{flex:0 0 auto;width:33.33333333%}
.col_5{flex:0 0 auto;width:41.66666667%}
.col_6{flex:0 0 auto;width:50%}
.col_7{flex:0 0 auto;width:58.33333333%}
.col_8{flex:0 0 auto;width:66.66666667%}
.col_9{flex:0 0 auto;width:75%}
.col_10{flex:0 0 auto;width:83.33333333%}
.col_11{flex:0 0 auto;width:91.66666667%}
.col_12{flex:0 0 auto;width:100%}
.relative{
    position: relative !important;
}
section.knowledge_page{
    padding-top: 6.25rem;
    padding-bottom: 7.8125rem;
}
section.knowledge_page .col_9{
    padding-right: 1.458rem;
}
section.knowledge_page .col_3{
    padding-left: 2.708rem;
}
section.knowledge_page .sec_title{
    margin-bottom: 2.083rem;
}
section.knowledge_page .col_9 .grid_box{
    grid-gap: 1.042rem 1.146rem;
}
section.knowledge_page .col_9 .thenativePagination{
    margin-top: 2.083rem;
}
section.knowledge_page .col_3 .item h3{
    margin-bottom: 0.625rem;
    height: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
section.knowledge_page .col_3 .posts_wrap{
    max-height: 35.417rem;
    overflow: auto;
}
section.knowledge_page .col_3 .item:not(:last-child){
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
    border-bottom: 1px solid #808080;
}
/*========== End Knowledge ==========*/
/*========== About Us ==========*/
section.about_1{
    padding: 6.25rem 0;
}
section.about_1 h2.sec_title{
    margin-bottom: 0.78125rem;
}
section.about_1 .col_6:first-child{
    padding-right: 4.948rem;
}
section.about_1 .col_6:nth-child(2){
    position: relative;
    padding: 0 1.5625rem 1.667rem 0;
}
section.about_1 .col_6:nth-child(2) .img_wrap{
    -webkit-border-radius: 0.26rem;
    -moz-border-radius: 0.26rem;
    border-radius: 0.26rem;
}
section.about_1 .col_6:nth-child(2) .item.absolute{
    width: 19.948rem;
    text-align: right;
    height: 19.115rem;
    padding: 6.042rem 2.34375rem 0 0 ;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
section.about_1 .col_6:nth-child(2) .item.absolute .num{
    font-size: 8.229rem;
    font-weight: 700;
    line-height: 6.875rem;
    -webkit-text-stroke: 1px #FFF;
    display: block;
    color: transparent;
    margin-bottom: 0.729rem;
}
section.about_1 .col_6:nth-child(2) .item.absolute .text{
    font-size: 1.042rem;
    font-weight: 300;
    color: #FFF;
    line-height: 1.458rem;
}
section.about_1 .col_6:nth-child(2) .item.absolute .text b{
    font-size: 1.302rem;
    font-weight: 700;
    line-height: 1.71875rem;
}
section.about_1 .load_more_button{
    margin-top: 3.75rem;
}
.sec_des.hide{
    display: none;
    margin-top: 0.78125rem;
}
.load_more_button{
    display: flex;
    align-items: center;
    cursor: pointer;
    width: max-content;
}
.load_more_button span{
    font-size: 1.042rem;
    font-weight: 700;
    line-height: 1.51rem;
    border-bottom: 1px solid var(--main-cl);
    color: var(--main-cl);
}
.load_more_button.show span.text_load_more,
.load_more_button span.text_hide{
    display: none;
}
.load_more_button.show span.text_hide{
    display: block;
}
.load_more_button.show svg{
    transform: rotate(180deg);
}
.load_more_button svg{
    margin-left: 0.521rem;
}
section.about_1 .container > .flex_box:nth-child(1){
    margin-bottom: 4.167rem;
}
section.about_1 .number_wrap{
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 3.542rem;
    margin-right: 1.042rem;
    display: flex;
    color: #0c3f6c;
}
section.about_1 .container > .flex_box.flex_box.over_flow_x{
    border-bottom: 2px solid #00000033
}
section.about_1 .col_3{
    width: calc(25% - 1.25rem);
    position: relative;
    padding-bottom: 0.521rem;
}
section.about_1 .col_3:before{
    position: absolute;
    bottom: -3px;
    height: 0.26rem;
    left: 0;
    width: 3.646rem;
    background-color: var(--sub-cl);
    content: '';
}
section.about_1 .col_3:not(:last-child){
    margin-right: 1.667rem;
}
.flex_box {
    display: flex;
}

.al_start {
    align-items: flex-start;
}

.al_center {
    align-items: center;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 76rem !important;
}

.item_banner {
    height: 35rem;
    overflow: hidden;
}

.item_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content_banner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(calc(100vw - 76rem)/2);
    color: #fff;
    max-width: 31rem;
}

a.button_style {
    background: #F07F3C;
    color: #fff;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding: 0 1.5rem;
    transition: .5s all;
    text-transform: uppercase;
    font-weight: 500;
}

a.button_style:hover {
    background: #0C3F6C;
}

.content_banner h2 {
    color: #fff;
    font-size: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.content_banner .content {
    margin-bottom: 1rem;
}

.swiper-pagination  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F07F3C;
}

.slider_banner .swiper-pagination {
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
    right: 0;
    left: unset;
    width: auto;
    display: inline-flex;
    flex-direction: column;
    gap: 1rem;
    right: 2rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: 0;
}

.slider_banner .swiper-pagination:before,.slider_banner .swiper-pagination:after {
    content: '';
    position: unset;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .3;
}

.slider_banner .swiper-pagination span {
    flex: 0 0 auto;
}

.btn_primary {
    border-radius: 100px;
    font-weight: 500;
}

.btn_primary:hover {
    background: #F07F3C;
}

.sec_title {
    font-size: 2.5rem;
    color: #0C3F6C;
    text-transform: uppercase;
}

.text_gray {
    font-size: 1rem;
    display: block;
    margin: 0;
    color: #F07F3C;
}

.item_ct {
    text-align: center;
    margin: 0 .7rem;
}

.item_ct .box_img {
    padding-bottom: 60.25%;
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
}

.item_ct .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .5s all;
}

.slider_ct {
    margin: 0 -0.7rem;
}

.swiper-pagination {
    position: unset;
    margin-top: 1rem;
}

.item_ct:hover .box_img img {
    scale: 1.1;
}

.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
section.home_sec_4.home_page_8 {}

section.home_sec_4.home_page_8 .flex.items-end.justify-between.mobile_flex_col.mobile_jus_center.mobile_al_center {
    align-items: center;
    margin-bottom: 1rem;
}

section.home_sec_4.home_page_8 h2.sec_title.text_primary.mobile_text_center {
    margin: 0;
}

section.home_sec_4.home_page_8 {
    padding: 4rem 0;
    background: linear-gradient(0deg, #0c3f6c26, transparent);
}

.post_item .img_wrap a {
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
}

.post_item .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    scale: 1;
    transition: .5s all;
}

.post_item {
    background: #fff;
}

.post_item .cont_wrap {
    padding: 1rem;
}

.post_item h3 {
    color: #333;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.post_item:hover .img_wrap img {
    scale: 1.2;
}

.col, .columns, .gallery-item {
    padding-bottom: 0;
}

.home_sec_5 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 4rem 0;
}

.home_sec_5_wrap  h2.sec_title {
    width: 43rem;
    flex: 0 0 auto;
}

.home_sec_5_wrap .wrap_form {
    width: 100%;
}

.form_dk input:not([type="checkbox"]) {
    height: 2.5rem;
    box-shadow: none;
}

input.wpcf7-form-control.wpcf7-submit {
    margin: 0;
    width: 100%;
    background: #f07f3c;
}

.arrow_slider_box {
    position: absolute;
    right: 2.4rem;
    z-index: 10;
    background: #0C3F6C;
    bottom: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transform: translateX(50%);
    fill: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.arrow_slider_box svg {
    width: 1.2rem;
    height: auto;
    display: flex;
}
section.banner_page {
    background: #000;
    height: 25rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
}

section.banner_page img {
    opacity: .7;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}

h1.title_page {
    color: #fff;
    font-size: 3rem;
    margin: 0 0 .5rem;
    padding-bottom: .5rem;
    display: inline-block;
    border-bottom: 3px solid #F07F3C;
    width: auto;
}

nav#breadcrumbs ol {
    list-style: none;
    margin: 0;
    display: flex;
}

nav#breadcrumbs ol * {
    color: #ffff;
    text-transform: uppercase;
}

nav#breadcrumbs ol  li + li:before {
    content: '/';
    margin: 0 .4rem;
}

.sec_des.text_justify {
    max-height: 13rem;
    overflow: hidden;
}

section.about_sec_2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 6rem 0;
    color: #fff;
}

ul.about_sec_2_nav {
    list-style: none;
    margin: 0;
    display: flex;
    font-size: 1.4rem;
}

ul.about_sec_2_nav li+li:before {content: '|';margin: 0 1.4rem;color: #fff;}

ul.about_sec_2_nav li {
    color: #ffffff8f;
    cursor: pointer;
}

ul.about_sec_2_nav li.active {
    color: #ffff;
}

.about_sec_2_tabs {
    max-width: 29rem;
    text-align: justify;
}

section.about_sec_3 {
    padding: 4rem 0;
}

.about_sec_3_img.text-center {
    max-width: 76rem;
    margin: auto;
}
section.service_sec_1 {
    padding: 4rem 0;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

.service_sec_1_content {
    max-width: 37rem;
    text-align: justify;
}

.service_sec_1_content h1 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

section.service_cre {
    background: #a6a6a6;
    padding: .4rem 0;
}

nav#breadcrumbs ol li {
    margin: 0;
}

section.service_sec_2 {
    padding: 4rem 0;
}

.service_sec_2_items .item:nth-child(even) .box_img {
    order: 2;
}

.service_sec_2_items .item > * {
    padding: 0 1rem;
    width: 50%;
}

.service_sec_2_items .item {
    align-items: center;
}

.service_sec_2_items .item img {
    width: 100%;
}

.service_sec_2_items h3 {
    color: #0C3F6C;
    font-size: 1.7rem;
}

.service_sec_2_items .item+.item {
    margin-top: 2.5rem;
}

.service_sec_2_items {
    margin-top: 2rem;
}

section.service_sec_3 {
    padding: 4rem 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

.icon {}

.service_sec_3_items {
    text-align: justify;
    max-width: 41rem;
}

.service_sec_3_items .item {
    display: flex;
}

.service_sec_3_items .icon {
    width: 4rem;
    flex: 0 0 auto;
    margin-right: 1rem;
}

.service_sec_3_items img {
    width: 100%;
    height: auto;
}

.service_sec_3_items h3 {
    margin-bottom: .2rem;
    color: #0C3F6C;
}

.content p:last-child {
    margin: 0;
}

.service_sec_3_items .item+.item {
    margin-top: 1rem;
}

section.service_sec_4 {
    padding: 4rem 0;
}

.service_item {
    background: #efefef;
    margin: 0 1rem;
    position: relative;
}

.service_item .box_content {
    padding: 1rem;
}

.service_item  h3 {
    font-weight: 600;
    margin-bottom: .2rem;
    color: #0c3f6c;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.service_item .content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 4.5rem;
    opacity: 0;
    transition: .5s all;
}

.service_item:hover .content {
    opacity: 1;
}

.service_item .box_img {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}

.service_item .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .5s all;
}

.service_item:hover .box_img img {
    scale: 1.2;
}

.arrow_slider {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 2.5rem;
    height: 2.5rem;
    left: -4rem;
    background: #0c3f6c;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
    border-radius: 100px;
}

.arrow_slider svg {
    width: 1rem;
}

.arrow_slider.next {
    left: unset;
    right: -4rem;
}

.wrap_slider {
    position: relative;
}

.swiper.service_related {
    margin: 0 -1rem;
}

section.service_sec_5 {
    padding: 4rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.service_sec_5_content {
    max-width: 38rem;
}

.service_form {
    margin-top: 1rem;
}

section.team_sec_1 {
    padding: 4rem 0;
}

.item_team {
    margin: 0 1rem;
    position: relative;
}

.slider_team {
    margin: 0 -1rem;
}

.item_team .box_img {
    padding-top: 132%;
    position: relative;
    overflow: hidden;
}

.item_team:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, #0c3f6c, transparent);
    z-index: 2;
}

.item_team .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1;
    transition: .5s all;
}

.item_team .box_content {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    color: #fff;
    padding: 1rem;
}

.item_team h3 {
    color: #fff;
    margin: 0;
    font-size: 1rem;
}

.item_team .position {
    font-style: italic;
}
.popup_team {
    padding: 1.5rem;
    border-radius: 1rem;
    max-width: 45rem;
}

.popup_team .box_img {
    width: 15rem;
    flex: 0 0 auto;
    border=r: \;
    overflow: h;
    border-radius: .5rem;
    overflow: hidden;
    margin-right: 2rem;
}

.popup_team .inner.flex {
    align-items: center;
}

.popup_team .box_content {
    font-size: .9rem;
}

.popup_team   h3 {
    color: #0C3F6C;
    font-size: 1.6rem;
    margin-bottom: 0;
    line-height: 1.2;
}

.popup_team .position {
    font-style: italic;
    margin-bottom: .6rem;
}

.popup_team .content {
    text-align: justify;
}
section.customer_sec_1 {
    padding: 4rem  0;
}

.item_customer {
    margin: 2rem 1rem;
    background: #fafafa;
    border-radius: 1rem;
    padding: 3rem 4rem;
    text-align: center;
    box-shadow: 0 0 0 #333;
    transition: .5s all;
}

.customer_sec_1 .swiper.slider_customer {
    margin-top: 0;
}

.item_customer .box_img {
    width: 6rem;
    height: 6rem;
    border-radius: 100px;
    overflow: hidden;
    display: block;
    margin: auto;
    margin-bottom: 2rem;
    border: 6px solid transparent;
    transition: .5s all;
}

.item_customer .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item_customer h3 {
    color: #0c3f6c;
    margin-bottom: .2rem;
}

.item_customer .position {
    margin-bottom: 2rem;
}

.swiper-slide-active .item_customer {
    box-shadow: 0px 10px 30px 5px rgba(0,0,0,0.15);
}

.swiper-slide-active .box_img {
    border-color: #F07F3C;
}
section.partner_sec_1 {
    padding: 4rem 0;
    background: #f7f7f7;
}

section.partner_sec_1 h2.sec_title {
    font-size: 2rem;
}

.partner_sec_1 .arrow_slider {
    display: none;
}

.slider_partner .item {
    padding-bottom: calc(100% - 2rem);
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
}

.slider_partne img {
    position: absolute;
}

.slider_partner .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 75%;
}

.partner_sec_1 .col.large-6.medium-6:nth-child(1) {
    padding-right: 6rem;
}
.map_wrap {
    padding: 3rem  0;
}

.map_wrap iframe {
    width: 100%;
}

.contact_page .col_7.bg_cus.mobile_col_12.large-7.meidum-7 {
    padding: 12rem 3rem 3rem;
    border-radius: 1rem;
}

.form_wrap.flex_box.flex_wrap.jus_between {
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact_page .sec_des.text_white {
    color: #fff;
}
.wrap_case {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.8rem;
}

.wrap_case .post_item.ts_04 {
    width: calc(calc(100% / 4) - 1.6rem);
    margin: 0 .8rem 1.6rem;
    box-shadow: 0 0 0 #333;
    transition: .5s all;
}
.img_wrap img {width: 100%;height: auto;}
body .stuck #logo img {
    max-height: unset !important;
}

#logo {
    width: auto !important;
}

#logo img {
    height: 4.2rem;
    width: auto;
}

.header-main {
    height: auto !important;
}

body .header.show-on-scroll,body  .stuck .header-main {
    height: auto !important;
}

.header-nav-main.nav>li>a {
    font-weight: 600;
    color: #333;
    line-height: 4rem;
}

.header-bg-color {
    background: #ffff;
}

.header-nav-main li {
    margin: 0 .7rem;
}

.header-nav-main.nav>li>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    transition: .5s all;
    background: #F07F3C;
    height: 4px;
}

.header-nav-main.nav>li>a:hover:before {
    width: 100%;
}

.header-nav-main.nav>li.current-menu-item >a:before {
    width: 100%;
    opacity: 1 !important;
}



.header-nav-main.nav>li.current-menu-item >a {
    color: #F07F3C;
}

section.footer_top {
    padding: 2.4rem 0;
    background: #0C3F6C;
    color: #fff;
}

section.footer_top .wrap {
    justify-content: space-between;
}

section.footer_top b.title {
    font-size: 2rem;
}

.follow_us {
    display: flex;
    align-items: center;
}

.follow_us ul {
    list-style: none;
    margin: 0 0 0 1rem;
    display: flex;
    gap: .5rem;
}

.follow_us a {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F07F3C;
    fill: #fff;
    border-radius: 100px;
}

.follow_us ul li {
    margin: 0;
}

footer#footer {
    padding-top: 3rem;
    font-size: .9rem;
}

b.title_footer {
    font-size: 1.2rem;
    font-weight: 600;
    display: block;
    margin-bottom: 1rem;
}

.menu_footer li {
    border: none !important;
}

.menu_footer  a {
    padding: 0 !important;
    margin: 0;
    color: #333;
    display: inline-flex !important;
    align-items: center;
    transition: .5s all;
}

.menu_footer a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #f07f3c;
    display: inline-block;
    border-radius: 50%;
    margin-right: .7rem;
}

.menu_footer ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.menu_footer a:hover {
    color: #f07f3c;
}

.follow_us a svg {
    max-width: 60%;
    max-height: 60%;
    width: auto;
    height: auto;
    transform: rotateY(0deg);
    transition: 1s all;
}

.footer_info b {
    font-weight: 400;
}

.footer_info span.icon {
    width: 1rem;
    height: 1rem;
    height: auto;
    opacity: .2;
    margin: 0 .2rem 0 0;
    display: inline-flex;
}

.footer_info span {
    font-weight: 700;
}

.footer_info span.icon svg {
    max-width: 84%;
    transform: translateY(.24rem);
}

.footer_bottom {
    padding: 1.5rem 0;
    margin-top: 4rem;
    border-top: 1px solid #dddddd;
    font-size: .8rem;
}

.footer_bottom  ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.footer_bottom ul a {
    color: #333;
    font-size: .8rem;
}

.footer_bottom ul li+li:before {
    content: '|';
    display: inline-block;
    margin: 0 .4rem;
}
section.case_page {
    padding: 3rem 0;
}
.contact_page  input.wpcf7-form-control.wpcf7-submit {
    background: #f07f3c;
}
ul.page-numbers {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination_wrap {
    display: flex;
    width: 100%;
    justify-content: center;
}

ul.page-numbers a,ul.page-numbers span {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0c3f6c;
    margin: 0 .2rem;
    color: #0c3f6c;
}

ul.page-numbers span {
    background: #0c3f6c;
    color: #fff;
}
section.post_page {
    padding: 4rem 0 0 0;
}
.about_sec_2_for .item {display: none;}

.about_sec_2_for .item.active {
    display: block;
    animation-name: fade_up;
    animation-duration: 1.5s;
}
@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
section.post_page .col.large-8.medium-8 {
    margin-bottom: 3rem;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #0c3f6c;
}
.follow_us a:hover svg {
    transform: rotateY(
            360deg);
}
.item_team:hover .box_img img {
    scale: 1.2;
}
.social_item img {
    max-width: 60%;
    margin: auto;
    display: block;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    display: none;
}

.header-nav-main .sub-menu li {margin: 0;}

.nav-column>li>a, .nav-dropdown>li>a {
    color: #333;
    margin: 0;
}

.nav-dropdown-has-border .nav-dropdown {
    padding: 0;
    border: 1px solid transparent;
}
.wrap_case .post_item.ts_04:hover {
    box-shadow: 0 0 .3rem #33333357;
}
.wpcf7 form .wpcf7-response-output {
    background: #fff;
    text-align: center;
}
.box_language ul {
    list-style: none;
    display: flex;
    font-size: 0;
    gap: .5rem;
}

.box_language ul li {
    margin: 0;
    display: flex;
}

.box_language ul li svg {
    width: 1.5rem;
    height: auto;
}

.box_language ul li a {
    display: flex;
    align-items: center;
}
div#logo {
    margin: 0;
}

.sec_des.text_justify {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


@media (min-width: 1200px) {
    html {
        font-size: 1.1vw;
    }
}
@media (min-width: 1500px) {
    html {
        font-size: 1vw;
    }
}
@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 950px
    }
    .load_home_page svg {
        width: 320px;
    }
    html {
        font-size: 1.2vw;
    }

    .arrow_slider_box {
        display: none;
    }

    body {
        font-size: 1.2rem;
    }

    a.button_style {
        height: 3rem;
    }
}
@media only screen and (max-width: 849px) {
    :root{
        --container-w: 720px
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    html {
        font-size: 1.3vw;
    }

    .content_banner {
        left: calc(calc(100vw - 72rem) / 2);
    }
    #logo img {
        height: 4.5rem;
    }

    div#masthead {
        padding: 1rem 0;
    }

    .top-divider.full-width {
        display: none;
    }
    .arrow_slider {
        display: none;
    }
    .mfp-bg.mfp-ready {
        position: fixed !important;
        top: 6.5rem !important;
    }

    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        top: 6.5rem;
        box-shadow: none;
        background: #fff;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #333;
        font-size: 1.4rem;
    }
    i.icon-menu,i.icon-search {
        color: #0c3f6c;
        font-size: 1.4rem;
    }
    .box_language ul li svg {
        width: 2rem;
        margin-right: .3rem;
    }
}
@media (min-width: 768px) {
    .center_box .arrow_slider {
        display: none;
    }

    .center_box .swiper-wrapper {
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .grid-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }
    .search-page{
        padding: 3rem 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }
    html {
        font-size: 3vw;
    }

    .content_banner {
        left: 15px;
        right: 5rem;
    }

    .item_banner {
        height: 24rem;
    }

    .home_sec_2 .flex.items-center.flex_wrap {
        display: block;
    }

    .col_6 {
        width: 100%;
    }

    .home_page_3 .item:nth-child(odd) .img_wrap {
        padding-left: 0;
        margin-top: 2rem;
    }

    .home_page_3 .item:nth-child(odd) .cont_wrap {
        padding: 0;
    }

    .btn_primary {
        height: 3.5rem;
        padding: 0 1.8rem;
    }

    .btn_primary span {
        font-size: 1.3rem;
    }

    .text_gray {
        font-size: 1.5rem;
    }

    .home_page_3 {
        padding: 3rem 0;
    }

    section.home_sec_4.home_page_8 .flex.items-end.justify-between.mobile_flex_col.mobile_jus_center.mobile_al_center {
        display: block;
        text-align: center;
    }

    section.home_sec_4.home_page_8 .flex.items-end.justify-between.mobile_flex_col.mobile_jus_center.mobile_al_center .text_gray.fs_20.lh_30.fw400.text-left {
        text-align: center;
    }

    section.home_sec_4.home_page_8 a.btn.btn_primary.mobile_hide {
        margin: 1rem 0;
    }

    .home_sec_5_wrap.flex.items-center {
        flex-direction: column;
    }

    .form_dk input:not([type="checkbox"]) {
        height: 3.5rem;
        font-size: 1.2rem;
    }

    section.footer_top .wrap {
        flex-direction: column;
    }

    b.title_footer {
        font-size: 1.8rem;
    }

    footer#footer .col+.col {
        margin-top: 2rem;
    }

    body {
        font-size: 1.4rem;
    }

    .footer_info span.icon {
        width: 1.7rem;
    }

    .footer_info span.icon svg {
        transform: translateY(.54rem);
    }

    .footer_bottom {
        flex-direction: column;
        font-size: 1.3rem;
    }

    .footer_bottom ul a {
        font-size: 1.3rem;
    }

    .footer_bottom ul {
        margin-top: 1rem;
    }
    section.banner_page {
        height: 18rem;
    }

    h1.title_page {
        font-size: 2rem;
    }

    nav#breadcrumbs ol * {
        font-size: .9rem;
    }

    section.about_1 .container > .flex_box:nth-child(1) {
        display: block;
    }

    section.about_1 .col_6:first-child {
        padding: 0;
    }

    .sec_des.text_justify {
        max-height: 14rem;
    }

    section.about_1 .load_more_button {
        margin-top: 2rem;
    }

    section.about_1 .col_6:nth-child(2) {
        margin-top: 2rem;
    }

    section.about_1 .container > .flex_box.flex_box.over_flow_x {
        flex-direction: column;
        gap: 2rem;
    }

    section.about_1 .col_3 {
        width: 100%;
    }

    section.about_sec_2 {
        background-attachment: unset;
    }

    ul.about_sec_2_nav li {
        font-size: 1.7rem;
    }

    .about_sec_3_img.text-center {
        max-width: 100vw;
    }

    section.service_sec_1 {
        background-position: center;
    }

    .service_sec_2_items .item {
        display: block;
    }

    .service_sec_2_items .item > * {
        width: 100%;
        padding: 0;
    }

    .service_sec_2_items .item .box_content {
        padding: 1rem 0 0 0;
    }

    .service_sec_2_items h3 {
        font-size: 1.9rem;
    }

    .service_sec_3_items h3 {
        font-size: 1.8rem;
        line-height: 1.4;
    }
    .slider_partner {
        margin: 2rem -1rem 0;
    }

    .partner_sec_1 .col.large-6.medium-6:nth-child(1) {
        padding-right: 15px;
    }
    .swiper-slide-active .item_customer {
        box-shadow: 0px 0px 0 3px rgba(0, 0, 0, 0.15);
    }
    .wrap_case .post_item.ts_04 {
        width: calc(calc(100% / 2) - 1.6rem);
    }
    section.contact_page .col_5 {
        padding: 3rem 0 0 0;
    }

    .contact_page .col_7.bg_cus.mobile_col_12.large-7.meidum-7 {
        padding: 3rem 2rem;
    }

    .map_wrap iframe {
        height: 20rem;
    }
    .home_sec_5 {
        padding-bottom: 2rem;
    }
    .menu_footer a {
        font-size: 1.2rem;
    }

    .footer_info {
        font-size: 1.2rem;
    }
    .off-canvas .sidebar-menu {
        padding: 0;
    }

}