/* COMPONENT */
html {
  scroll-behavior: smooth;
}
body{
    /* background: url('../images/background2.jpg'); */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    font-family: 'Manrope';
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Manrope';
}
p {
    margin: 0;
    padding: 0;
}
.py-160{
    padding-top: 140px;
    padding-bottom: 100px;
}

.grid-test{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}




img {
    object-fit: cover;
}
.image {
    width: 500px;
    height: 450px;
    margin: auto;
}
.icon-mobile{
    display: none;
}



.menu-logo-mobile {
    display: none;
}
.menu-logo-desktop {
    display: block;
    width: 10%;
}
.menu-links .nav > li .sub-menu{
    top: 90%;
    background-color: #7bbade;
    padding: 10px;
    border-radius: 10px;
}



.row {
    margin-left: 0;
    margin-right: 0;
}





.sub-menu span{
    color: white !important;
}


@media only screen and (max-width: 768px) {
    .menu-logo-desktop {
        display: none;
    }
    .menu-logo-mobile {
        display: block;
    }
}

@media only screen and (min-width: 1980px) {
    .multicolumn h2,
    .multicolumn .mcolumn, 
    .text, .banner-wrap .description,
    .banner-wrap .banner-title,
    .banner-comm, .multicomm {
        width: 70vw;
        margin: 0 auto;
    }
    .banner-wrap img {
        height: 700px !important;
    }
}

@media only screen and (max-width: 768px) {
    .multicolumn {
        width: 100vw;
        flex-direction: column !important;
    }
}
.multicolumn {
    display: flex;
    flex-direction: column;
}
.multicolumn-dark {
    background-color: #005376;
}
.multicolumn-dark,
.multicolumn-dark h2,
.multicolumn-dark h3,
.multicolumn-dark p,
.multicolumn-dark span {
    color: #fff !important;
}
.multicolumn-light {
    background-color: transparent;
}
.multicolumn-light p {
    color: #005376;
}
.multicolumn .mcolumn {
    display: flex;
    flex-direction: row;
}
.multicolumn .c-col {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.multicolumn .content-cols {
    display: flex;
    align-items: center;
}
.multicolumn .title h2 {
    color: #fff !important;
}
.multicolumn .title h2,
.multicolumn .mcolumn .content-cols h3,
.multicolumn .mcolumn .content-cols p,
.multicolumn .mcolumn .content-cols span {
    color: #fff !important;
}

.multicolumn .mcolumn .content-cols h3 {
    
}

.fs-20, .fs-20 p, .fs-20 span {
    font-size: 20px !important;
    line-height: 2rem !important;
}
.fs-24, .fs-24 p {
    font-size: 24px !important;
    line-height: 2rem !important;
}
.fs-36 h3 {
    font-size: 48px !important;
    line-height: 3rem !important;
}
.fs-36, .fs-36 p {
    font-size: 36px !important;
    line-height: 3rem !important;
}
.fs-48, .fs-48 h3,
.fs-48, .fs-48 p {
    font-size: 48px !important;
    line-height: 3rem !important;
}
.fs-78 {
    font-size: 78px !important;
    line-height: 6rem !important;
}
@media only screen and (max-width: 480px) {
    .fs-78 {
        font-size: 58px !important;
        line-height: 4.5rem !important;
    }
    .fs-48, .fs-48 h3,
    .fs-48, .fs-48 p {
        font-size: 36px !important;
    }
    .row_comm .content .row {
        flex-direction: column !important;
    }
    .multicomm .row_comm .first-image img {
        height: 25rem;
    }
}

.red-dots {
    display: block;
    content: '';
    background-color: red;
    width: 30px;
    height: 27px;
    border-radius: 100%;
}
.red-dots-sm a{
    padding: 0 10px;
}

.text h2,
.multicolumn h2 {
    font-size: 42px;
    color: #005277;
}
.text p {
    color: #005376;
    font-weight: 800;
}
@media only screen and (min-width: 1025px) {
    .banner-comm, .image-fluid {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .banner-wrap {
        height: 100vh !important;
    }
}
@media only screen and (max-width: 1024px) {
    .banner-image {
        position: relative !important;
    }
    .multicolumn .c-col {
        flex-direction: column !important;
    }
}
@media only screen and (max-width: 768px) {
    .multicolumn .mcolumn {
        flex-direction: column;
    }
    .multicolumn .content-cols {
        flex-direction: column;
    }
    .multicolumn .c-col {
        width: 100%;
        flex-direction: column !important;
    }
}

.ps-lg-5{
    padding-left: 3rem !important;
    padding-right: 0;
}
.pe-lg-5{
    padding-right: 3rem !important;
    padding-left: 0;
}
.ps-lg-3{
    padding-left: 1.5rem !important;
    padding-right: 0;
}
.pe-lg-3{
    padding-right: 1.5rem !important;
    padding-left: 0;
}

.heading-bx p {
    padding: 1rem 0;
    font-weight: 800;
}

.template-columns-2{
    grid-template-columns: repeat(2, 1fr) !important;
}
.template-columns-1{
    grid-template-columns: repeat(1, 1fr) !important;
}


.ql-align-right {
    text-align: right;
}
.banner-comm {
    height: 100vh !important;
}
.banner-comm .image-fluid {
    width: 100%;
    height: auto;
    margin: auto;
}
.multicomm .row_comm {
    display: flex;
    align-items: flex-end;
    padding: 11rem 0;
}
.multicomm .row_comm p.ql-align-right {
    font-size: 36px !important;
}
.multicomm .multiimage {
    height: 200px;
}
.multicomm .row_comm .first-image {
    text-align: center;
}
.ex-director .images-box {
    z-index: 10;
    width: 120px;
}
.ex-director .content {
    background-color: #365f7cc2;
    margin-left: -25px;
}
.ex-director .content h3,
.ex-director .content p {
    color: #fff;
}
.ex-director .content p {
    font-size: 10px !important;
    line-height: 20px !important;
}
.ex-director .content h3 {
    font-size: 12px !important;
    line-height: 12px !important;
}
@media only screen and (max-width: 480px) {
    .multicomm .multiimage {
        height: 100px;
    }
}
@media only screen and (max-width: 1024px) {
    .banner-comm{
        height: auto !important;
    }
    .banner-wrap{
        height: unset !important;
    }
}


.bg-darkblue{
    background-color: #005376;
}
.bg-premier {
    background-color: #005376;
}
.text-premier h3, .text-premier p {
    color: #005376;
}
.text-premier span {
    color: #005376 !important;
}
.text-premier {
    color: #005376 !important;
}
.text-nav {
    color: #387c9f !important;
}
.pt-10 { 
    padding-top: 10rem !important;
}
.banner-image {
    position: absolute;
    bottom: 0;
    right: 0;
    object-fit: contain;
    z-index: 0;
}
.banner-image {
    height: 500px !important;
}
.w-60vw {
    width: 60vw;
}
.pt-20 {
    padding-top: 20rem !important;
}
.banner-wrap {
    /* height: 80vh; */
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    margin-top: 10rem !important;
}
.banner-wrap .banner-content {
    width: 80%;
    height: 100%;
}
.banner-wrap .banner-title {
    /* height: 400px; */
    display: flex;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .banner-wrap .banner-content {
        width: 80%;
        height: 100%;
    }
    .md-px-0 {
        padding: 0 !important;
    }
    .banner-wrap .banner-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (max-width: 1024px) {
    .ps-lg-5{
        padding: 1.5rem !important;
    }
    .pe-lg-5{
        padding: 1.5rem !important;
    }
}
@media screen and (max-width: 768px) {
    .banner-wrap {
        height: unset;
    }
    .banner-wrap .banner-content {
        padding-top: 3rem;
        width: 100%;
    }
    .banner-wrap .description {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .sm-px-0 {
        padding: 0 !important;
    }
    .banner-image {
        height: 400px !important;
    }
    .banner-image-wrap div:nth-child(1) {
        flex-direction: column;
    }
    .grid-test{
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.custom .hades .tp-thumb{
    width: 40px !important;
    height: 40px !important;
}
.custom .hades .tp-thumb-image{
    box-shadow: unset !important;
}
.custom .hades .tp-thumb.selected .tp-thumb-img-wrap{
    background: white !important;
}
.contact .form-control{
    padding: 0 10px !important;
}





.rounded-icon{
    background: #005376;
    border-radius: 0 0 35px 35px;
    position: relative;
    top: 0;
    height: 90px;
    margin-right: 10px;
}
.logo{
    display: block!important;
    margin-top: 20px;
    height: 50px!important;
    padding: 5px;
}
.is-fixed .menu-bar{
    background: white;
    /* padding: 10px 0; */
}
.forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .rev_slider, .tp-revslider-mainul, .tp-revslider-mainul li, .slotholder, .tp-bgimg, .defaultimg {
    /* height: 1080px !important; */
    max-height: 100vh !important;
}
@media only screen and (max-width: 480px) {
    .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .rev_slider, .tp-revslider-mainul, .tp-revslider-mainul li, .slotholder, .tp-bgimg, .defaultimg {
        /* height: 100% !important; */
        height: 250px !important;
    }
}
@media only screen and (max-width: 375px) {
    .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper, .rev_slider, .tp-revslider-mainul, .tp-revslider-mainul li, .slotholder, .tp-bgimg, .defaultimg {
        /* height: 100% !important; */
        height: 200px !important;
    }
}

.about .about-img-box3 img{
    box-shadow: unset;
    border-radius: unset;
    height: 13rem;
}
.about .about-img-box3 .img1{
    float: right;
    max-width: unset;
    padding: 0;
    border-radius: unset;
    background-image: unset;
}

.about .about-img-box3 .img2{
    display: none;
}

.about .ttr-separator .sepimg{
    display: none;
}
.about .text-light h2,
.about .text-light h1, 
.about .text-light h3, 
.about .text-light h4, 
.about .text-light h5, 
.about .text-light h6, 
.about .text-light p{
    color:white !important;
}


.about .text-darkblue h1, 
.about .text-darkblue h2, 
.about .text-darkblue h3, 
.about .text-darkblue h4, 
.about .text-darkblue h5, 
.about .text-darkblue h6, 
.about .text-darkblue p,
.whistle-content .text-darkblue h1,
.whistle-content .text-darkblue h2,
.whistle-content .text-darkblue h3,
.whistle-content .text-darkblue h4,
.whistle-content .text-darkblue h5,
.whistle-content .text-darkblue p
{
    color: #006294;
}
.about .flex-reverse-column{
    flex-direction: row-reverse;
}




.download td{
    text-align: center;
}
.dummy-box{

    width: 100px;
    height: 120px;
    background: #006294a3;
    border-radius: 20px;

}



.product .card-body{
    position: absolute;
    bottom: 0;
}
.product .card-text{
    color:white;
}
.product .card{
    margin: 0;
    overflow: hidden;
    height: 30rem;
    border-radius: 50px;
}
.product .card-custom{
    overflow: hidden;
    border-radius: 50px;
}
.product img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.product .product-desc .product-header{
    background-color: var(--dark-blue);
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 50px;
    position: absolute;
    top: -20px;
    width: 100%;
    justify-content: space-between;
    box-shadow: 0px 4px 6px 0px #000000f2, inset 1px 9px 10px 0px rgb(203 203 203 / 50%), inset 0px -7px 10px 0px rgb(0 0 0 / 50%);
}
.product .product-desc{
    position: relative;
    width: 100%;
    /* height: 36.62111vw; */
    height: 405px;
    background: #fdfdfd !important;
    border-radius: 25px;
    box-shadow: inset;
    box-shadow: 0px -10px 9px 0 rgb(100 100 100 / 35%) inset, 0px 10px 9px 0 rgb(100 100 100 / 35%) inset;
}
.product .media::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    box-shadow: 0px 11px 9px 0 rgb(253 253 253 / 45%) inset, 0px -10px 17px 0 rgb(0 0 0 / 62%) inset
}
.product .card-body{
    padding:15px 10px;
}
.product .grid-test{
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    max-width: 100%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.product-header img{
    width: 65px;
}
.product .media{
    height: 400px;
}
.product .product-list{
    background: #006294;
    position: relative;
    /* display: flex; */
    flex-direction: column;
    border-radius: 0px 30px 0 0;
    box-shadow: 0px 6px 9px 0 rgb(253 253 253 / 36%) inset, 5px -6px 8px 0 rgb(0 0 0 / 25%) inset;
    justify-content: space-between;
}
.product .trimmed-cover {
    object-fit: cover;
    width: 100%;
    height: auto;
    /* object-position: 40px -60px; */
    border-radius: 0px 30px 0 0;
    float: right;
}
.product .product-list h1, 
.product .product-list h2, 
.product .product-list h3, 
.product .product-list h4,
.product .product-list h5,
.product .product-list h6,
.product .product-list p{
    position: absolute;
    bottom: 0;
    float: center;
    padding: 10px;
    margin-bottom: 0;
    width:84%;
}
.prospek .prospek-content:nth-child(1){
    background: #ededed;
    padding: 15px;
    border: 2px solid var(--secondary-fade);
}
.prospek .prospek-content:nth-child(2){
    /* background: #ededed; */
    padding: 15px;
    border: 2px solid #0078bd6e;
}
.prospek p{
    margin-bottom: 20px;
}
.prospek .photo{
    width: 150px;
    height: 150px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #9d9d9d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prospek .photo-lg{
    width: 100%;
    height: 300px;
    background: white;
    border-radius: 20px;
    box-shadow: 0px 1px 3px #9d9d9d;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.prospek .photo-lg .info-name{
    position: absolute;
    bottom: 0;
    background: var(--secondary-fade);
    color: white;
    width: 90%;
    text-align: center;
    padding: 10px 0;
    border-radius: 15px;
    margin: 15px;
    z-index: 9999;
}
.prospek .prospek-content .prospek-info{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.prospek .photo-report{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background: white;
    padding: 2rem 15px;
    border-radius: 15px;
    box-shadow: 3px 4px 2px #9d9d9d;
}
.prospek .info-year{
    text-align: right;
}




@media screen and (max-width:1200px){
    .product .media{
        height: 275px;
    }
    .product .product-desc{
        /* height: auto; */
    }
    .rounded-icon{
        display: none;
    }
}

@media screen and (max-width:990px){
    .about-header .py-100{
        padding:100px 0 0 0;
    }


    .icon-mobile{
        display: block;
    }


    .menu-links .nav > li .sub-menu{
        background-color: transparent;
        padding: 0 0;
        border-radius: 0px;
    }
    .menu-links .sub-menu span{
        color: var(--primary) !important;
        /* font-weight: 400; */
    }
    .menu-links .sub-menu-large, 
    .menu-links .sub-menu-medium{ 
        padding-top: 10px !important;
    }

    .menu-links .sub-menu-medium .row{
        padding: 0 15px;
    }

    .menu-links .sub-menu-large .a{
        font-weight: 200 !important;
    }

    .menu-links .sub-menu > li ul{
        /* display: flex !important;
        flex-direction: column;
        gap: 1rem; */
        margin-bottom: 10px !important;
    }
    
    
    .ps-lg-3, .pe-lg-3, .ps-lg-5, .pe-lg-5{
        padding: 0 !important;
    }
    .product .media{
        height: 475px;
    }
    .py-160{
        padding-top: 100px;
        padding-bottom: 100px;
    }



    .text-left-md{
        text-align: left !important;
    }
}

.whistle-form{
    border-radius: 50px;
}
.whistle-content{
    margin-right: auto;
    margin-left: auto;
}
.whistle-content a{
    color: white;
    background: #ff1111;
    font-weight: 500;
    padding: 5px;
    border-radius: 5px;
}
.whistle-start-form{
    position:relative;
    top: -20px;
}
.table-start-form{
    position: relative;
    top: -40px;
}
.whistle-form{
    background-color: var(--dark-blue);
    padding: 30px;
}
.whistle-form button{
    border-radius: 10px;
    background: #cc3300;
    font-weight: 600;
}
.whistle-form .input-group label, .whistle-form li{
    font-size: 14px;
    font-weight: 400;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.whistle-form .form-control{
    border-radius: 10px !important;
    height: 25px;
    border: unset;
    padding: 0 10px !important;
}
.whistle-form .form-group{
    margin-bottom: 15px;
}
.whistle-form ul{
    margin-bottom: 0;
}
.whistle-form textarea{
    height: 140px !important;
    margin-top: 5px;
    width: 100%;
    border-radius: 10px;
}
/* .whistle-form .col-lg-2,
.whistle-form .col-lg-4,
.whistle-form .col-lg-8,
.whistle-form .col-lg-10,
.whistle-form .col-lg-12{
    padding: 0 !important;
    margin: 0 !important;
} */



.x-section {
    position: relative;
}

.x-section .x-section-title {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 15px;
}

.x-section .x-section-grid-80-20{
    display: grid;
    grid-template-columns: 80% 20%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
}
.x-section .x-section-grid-20-80{
    display: grid;
    grid-template-columns: 20% 80%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}


.x-section .x-section-imgbg-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    background-size: contain;
    z-index: 9;
    background-position: left center;
    background-repeat: no-repeat;
}

.x-section .x-section-description-right {
    font-size: 20px;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

.x-section .x-section-description-right p {
    margin-bottom: 15px;
}

.x-section .x-section-description-right p:nth-last-child(1) {
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .x-section .x-section-imgbg-left {
        position: absolute;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: right top;
    }
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 575.98px) {
    .x-section .x-section-imgbg-left {
        position: relative;
        height: 300px !important;
        background-size: contain;
        z-index: 9;
        background-position: center;
        background-repeat: no-repeat;
    }
}


.x-section .x-section-imgbg-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 500px;
    background-size: contain;
    z-index: 9;
    background-position: right top;
    background-repeat: no-repeat;
}

.x-section .x-section-description-left {
    font-size: 20px;
    margin-right: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    font-weight: 500;
}

.x-section .x-section-description-left p {
    margin-bottom: 15px;
}

.x-section .x-section-description-left p:nth-last-child(1) {
    margin-bottom: 0;
}

.friendship-title {
    font-size: 4rem;
}

@media (max-width: 768px) {
    .friendship-title {
        font-size: 2rem;
    }
}


@media (max-width: 1199.98px) {
    .x-section .x-section-imgbg-right {
        right: 0;
        top: 0;
        background-size: cover;
        background-position: left top;
    }
}

@media (max-width: 991.98px) {
    .x-section .x-section-description-left {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .x-section .x-section-imgbg-right {
        position: relative;
        height: 300px !important;
        background-size: contain;
        background-position: top;
    }

    .x-section .x-section-description-left {
        font-size: 12px;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .x-section .x-section-description-right {
        font-size: 12px;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .x-section .x-section-description-right p {
        line-height: normal;
    }
}

@media only screen and (max-width: 576px){
    .fs-20, .fs-20 span, .fs-20 p{
        font-size: 16px !important;
    }
    /* .prospek .grid-test{
        grid-template-columns: repeat(1fr, 1fr) !important;
    } */
}

.box-category {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
@media only screen and (max-width: 576px) {
    .box-category{
        grid-template-columns: repeat(2, 1fr);
    }
}
.list-category {
    height: 200px;
    width: 100%;
    position: relative;
    border-radius: 5px 30px 5px 5px;
    box-shadow: 0px 6px 9px 0 rgb(253 253 253 / 36%) inset, 5px -6px 8px 0 rgb(0 0 0 / 25%) inset;
    background-size: cover;
    background-repeat: no-repeat;
}
.list-category:after {
    content: "";
    box-shadow: -1px 2px 6px 0px #000;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 5px 30px 5px 5px;
    background: transparent;
}
.list-category:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px 30px 5px 5px;
    background: #00000045;
}
.list-category .list-category-text{
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    padding: 15px;
    font-weight: 700;
}

.box-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
    grid-auto-rows: 0fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.list-news {
    height: 395px;
    position: relative;
    border-radius: 35px;
    box-shadow: 0px 6px 9px 0 rgb(253 253 253 / 36%) inset, 5px -6px 8px 0 rgb(0 0 0 / 25%) inset;
}
.list-news:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    box-shadow: -1px 2px 6px 0px #000;
    background: #00000045;
}
.list-news .list-news-text{
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    padding: 15px;
    font-weight: 700;
}

.bg-img-section{
    /* background-image: url('/images/background2.jpg'); */
    background-size: cover;
    background-position: center;
}

.banner-brand .banner-brand-title{
    margin-bottom: 0;
    margin-top: 15px;
    color: #006294;
    font-size: 44px;
    font-weight: 800;
}
@media (max-width: 1199.98px) {
    .banner-brand .banner-brand-title {
        font-size: 3vw;
    }
}

@media (max-width: 991.98px) {
    .banner-brand .banner-brand-title {
        font-size: 2.7vw;
    }
}

@media (max-width: 575.98px) {
    .banner-brand .banner-brand-title {
        font-size: 3.5vw;
    }
}
.banner-brand .banner-brand-title ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.banner-brand .banner-brand-text{
    text-align: center;
    color: #006294;
    font-weight: 800;
}
@media (max-width: 1199.98px) {
    .banner-brand .banner-brand-text {
        font-size: 1.1vw;
    }
}
@media (max-width: 991.98px) {
    .banner-brand .banner-brand-text {
        font-size: 1vw;
    }
}
@media (max-width: 575.98px) {
    .banner-brand .banner-brand-text {
        font-size: 1.3vw;
    }
}

.banner-brand .banner-brand-text ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.x-title {
    font-size: 35px;
    color: #006294;
    margin-bottom: 0;
    line-height: 36px;
}
.x-subtitle {
    font-size: 15px;
    color: #ce0000;
}

@media (max-width: 1199.98px) {
    .x-title {}
    
    .x-subtitle {}
}

@media (max-width: 991.98px) {
    .x-title {}
    
    .x-subtitle {}
}

@media (max-width: 575.98px) {
    .x-title {}
    
    .x-subtitle {}
}

.ql-align-justify{
    text-align: justify;
}

.footer-top {
    padding: 30px 0 40px;
}

@media (max-width: 991.98px) {
    .tp-thumbs{
        display: none!important;
    }
}