@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



/* RESET */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

    font-family: Roboto;

}



article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}



html{

    overflow-x: hidden;

}



body {

	line-height: 1;

    overflow: hidden;

    position: relative;

    font-family: Roboto;

}



ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

button,label{-webkit-tap-highlight-color: transparent;}



/* RESET END */



h1{

    color: var(--, #282828);

    font-family: Roboto;

    font-size: 60px;

    font-style: normal;

    font-weight: 600;

    line-height: 130%; 

}



h2{

    color: #063348;

    font-family: Roboto;

    font-size: 46px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



h3{

    color: var(--, #282828);

    font-family: Roboto;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}



h4{

    color: var(--, #282828);

    font-family: Roboto;

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 130%;

}



h5{

    color: var(--, #282828);

    font-family: Roboto;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



p{

    color: var(--, #282828);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%; 

}





@media (min-width: 1400px) {

    .container {

        max-width: 91.875vw;

    }

}



.navbar-brand img{

    max-height: 60px;

    margin-right: 40px;

}



.navbar-brand {

    display: flex;

    align-items: center;

}



a.navbar-brand, a.navbar-brand:hover {

    color: var(--Blue, #063348);

    font-family: Montserrat;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-decoration: none;

}



.navbar{

    background: #FFF;

}



.nav_btn_first{

    padding: 16px 30px;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    display: flex;

    align-items: center;

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%;

    text-transform: uppercase;

    text-decoration: none;

}



.nav_btn_first:hover{

    color: var(--Blue, #063348);

    opacity: 0.8;

}



.nav_btn_first img{

    margin-right: 10px;

}



.nav_btn_second{

    padding: 16px 30px;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    color: var(--White, #FFF);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    text-decoration: none;

}



.nav_btn_second:hover{

    color: var(--White, #FFF);

    opacity: 0.9;

}



.nav_btn_second img{

    margin-right: 10px;

}



.nav_links{

    display: flex;

}



.nav_btn_first{

    margin-right: 8px;

}



.btn-close:focus {

    outline: 0;

    box-shadow: none;

    opacity: 1;

}



.offcanvas.offcanvas-end{

    width: 500px;

}



a.nav_item_collapse_main{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    text-decoration: none;

}



.nav_item_collapse{

    padding: 16px 0;

    border-bottom: 1px solid #CDDFE4;

}



a.nav_item_collapse_main::after{

    right: 0;

    top: 0;

    bottom: 0;

    margin-top: auto;

    margin-bottom: auto;

    margin-left: auto;

    content: url('../items/ri_arrow-down-s-fill-2.svg');

}

a.nav_item_collapse_main.collapsed::after{

    right: 0;

    top: 0;

    bottom: 0;

    margin-top: auto;

    margin-bottom: auto;

    margin-left: auto;

    content: url('../items/ri_arrow-down-s-fill.svg');

}

.collapse_nav_dropdown{

    display: block;

    padding-left: 24px;

}



.collapse_nav_dropdown a{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-top: 8px;

    text-decoration: none;

    display: block;

}



.collapse_nav_dropdown a:hover{

    text-decoration: underline;

}



.nav_item_link a{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: uppercase;

    display: block;

    padding: 16px 0;

    text-decoration: none;

    border-bottom: 1px solid #CDDFE4;

}



.offcanvas-title{

    color: var(--Blue, #063348);

    font-family: Montserrat;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}



.nav_item_btn{

    padding: 16px 30px;

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    width: 100%;

    text-decoration: none;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    text-align: center;

    justify-content: center;

    margin-top: 8px;



}



.nav_item_btn img{

    margin-right: 6px;

}



.nav_item_last{

    margin-bottom: 32px;

}



.nav_item_btn:hover{

    cursor: poRoboto;

    color: var(--Blue, #063348);

    opacity: 0.8;

}



.top_div{

    height: 86px;

}



.main_first_left{

    border-radius: 40px 0 0 40px;

    background: var(--Light-blue, #D6EFF6);

    height: 100%;

    margin: auto;

    padding: 0 52px 0 64px;

    height: 87vh;

    display: flex;

    align-items: center;

}





.main_first_left .title h1{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 64px;

    font-style: normal;

    font-weight: 600;

    line-height: 120%; 

    margin-bottom: 32px;

}



.main_first_left .content p{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%; 

    margin-bottom: 24px;

}



.main_first_left_wrapper{

    margin: auto;

}



.main_first_btn_transparent{

    padding: 16px 30px;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    text-decoration: none;

    display: block;

    width: max-content;

    margin-right: 16px;

}



.main_first_btn_transparent:hover{

    color: #063348;

    opacity: 0.8;

}



.main_first_btn_blue{

    display: flex;

    align-items: center;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    padding: 16px 30px;

    color: var(--White, #FFF);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    width: max-content;

    text-decoration: none;

}



.main_first_btn_blue:hover{

    color: #fff;

    opacity: 0.9;

}



.main_first_btn_blue img{

    margin-right: 10px;

}



.main_first_left_wrapper .links{

    display: flex;

    align-items: center;

}



.first_main_image{

    height: 87vh;

    width: 100%;

    object-fit: cover;

    border-radius: 0px 40px 40px 0px;

}



.main_first_col_one{

    padding-right: 0;

}



.main_first_col_two{

    padding-left: 0;

}



.main_first{

    margin-top: 10px;

}



.main_second .title h2{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 46px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 62px;

}



.main_second .content p{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%; 

    margin-bottom: 24px;

}



.main_second .second_main_image{

    object-fit: cover;

    max-width: 100%;

    margin-left: auto;

    margin-left: auto;

    text-align: end;

}



.main_second{

    padding: 100px 0;

}



.main_third .title h2{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 46px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 107px;

}



.main_third_item{

    position: relative;

    height: 292px;

    border-radius: 16px;

    background: var(--Light-blue, #D6EFF6);

    width: 100%;

    display: block;

    text-decoration: none;

}



.main_third_item:hover{

    opacity: 0.9;

}



.main_third_item .icon{

    position: absolute;

    top: -47px;

    left: 0;

    right: 0;

    margin: auto;

}



.main_third_item .icon img{

    display: flex;

    justify-content: center;

    margin: auto;

}



.main_third_item .link p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    align-items: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 60.5px;

    margin: auto;

    justify-content: center;

}



.main_third_item .link p img{

    margin-left: 16px;

}



.main_third{

    padding-bottom: 100px;

}



.main_fourth_card .image img{

    height: 362px;

    object-fit: cover;

    object-position: center;

    margin-bottom: 24px;

    width: 100%;

    border-radius: 16px;

}



.main_fourth_card .title p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 130%;

    margin-bottom: 8px;

}



.main_fourth_card .content p{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%; 

}



.main_fourth_card{

    text-decoration: none;

}



.main_fourth {

    padding-bottom: 100px;

}



.main_fourth .title h2{

    margin-bottom: 60px;

}



.main_fourth_card:hover{

    opacity: 0.9;

}



.main_fourth .link a{

    display: inline-block;

    text-decoration: none;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    padding: 16px 30px;

    color: var(--White, #FFF);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    margin-top: 40px;

}



.main_fourth .link a:hover{

    opacity: 0.9;

}



.main_fifth_card {

    padding: 32px 32px 32px 24px;

    display: flex;

    align-items: center;

    border-radius: 16px;

    background: #F4F4F4;

    width: 100%;

    margin-bottom: 24px;

    text-decoration: none;

}







.main_fifth_card .content p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 130%;

}



.main_fifth h2{

    margin-bottom: 60px;

}



.main_fifth{

    padding-bottom: 100px;

}



.footer_wrapper{

    border-radius: 40px;

    background: var(--Light-blue, #D6EFF6);

    padding: 70px 32px 32px;

    margin-bottom: 40px;

}



.footer_item .logo p{

    color: var(--Blue, #063348);

    font-family: Montserrat;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 19px;

}



.footer_wrapper .link a{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%; /* 25.2px */

    text-decoration-line: underline;

    text-decoration-style: solid;

    text-decoration-skip-ink: auto;

    text-decoration-thickness: auto;

    text-underline-offset: auto;

    text-underline-position: from-font;

}



.footer_wrapper .title p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 22px;

}



.footer_nav{

    display: flex;

    justify-content: space-between;

}



.footer_nav li a{

    display: inline-block;

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 16px;

    text-decoration: none;

}



.footer_nav li a:hover{

    opacity: 0.9;

}



.footer_contacts_wrapper{

    display: flex;

    justify-content: center;

}



.footer_divider{

    width: 100%;

    border-bottom: 1px solid #063348;

    margin: 40px 0 20px;

}



.footer_link_last{

    display: flex;

    justify-content: center;

}



.footer_text p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



@media (max-width: 1799.98px) {

    a.navbar-brand, a.navbar-brand:hover{

        font-size: 20px;

    }



    .nav_btn_first, .nav_btn_second{

        padding: 12px 24px;

        font-size: 16px;

    }



    .navbar-brand img {

        margin-right: 30px;

    }



    .main_first_left .title h1{

        font-size: 54px;

        margin-bottom: 32px;

    }



    .main_first_left .content p{

        font-size: 16px;

        margin-bottom: 16px;

    }



    .main_first_btn_transparent{

        padding: 12px 24px;

        font-size: 16px;

    }



    .main_first_btn_blue{

        padding: 12px 24px;

        font-size: 16px;

    }



    .main_second .title h2{

        font-size: 34px;

        margin-bottom: 40px;

    }

    .main_second .content p{

        font-size: 16px;

        margin-bottom: 16px;

    }

    h2{

        font-size: 34px;

    }



    .main_third .title h2{

        font-size: 34px;

        margin-bottom: 87px;

    }



    .main_third_item .icon img{

        height: 160px;

    }

    .main_third_item{

        height: 220px;

    }



    .main_third_item .link p{

        font-size: 26px;

        bottom: 43px;

    }



    .main_third_item .link p img{

        height: 32px;

    }



    .main_fourth .title h2 {

        font-size: 34px;

        margin-bottom: 40px;

    }



    .main_fourth_card .image img{

        height: 250px;

        margin-bottom: 24px;

    }



    .main_fourth_card .title p{

        color: var(--Blue, #063348);

        font-family: Roboto;

        font-size: 24px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        margin-bottom: 8px;

    }



    .main_fourth_card .content p{

        font-size: 14px;

    }



    .main_fourth .link a{

        margin-top: 32px;

        padding: 12px 24px;

        font-size: 16px;

    }






    .main_fifth_card .content p{

        font-size: 24px;

    }



    .footer_item .logo p{

        font-size: 16px;

        margin-bottom: 25px;

    }



    .footer_wrapper .link a{

        font-size: 16px;

    }



    .footer_wrapper .title p{

        font-size: 20px;

        margin-bottom: 22px;

    }



    .footer_nav li a{

        font-size: 16px;

    }

}



@media (max-width: 1499.98px) {

    .container{

        max-width: 95vw;

    }

}





@media (max-width: 1199.98px) {

    .main_first_col_one{

        padding-right: calc(var(--bs-gutter-x)* .5);

    }

    .main_first_col_two{

        padding-left: calc(var(--bs-gutter-x)* .5);

    }

    .main_first_left{

        height: auto;

    }

    .first_main_image{

        height: 472px;

        border-radius: 32px 32px 0px 0px;

    }

    .main_first_left{

        border-radius: 0px 0px 32px 32px;

        padding: 70px 40px 85px;

    }

    .main_first_left .title h1{

        font-size: 52px;

        margin-bottom: 32px;

    }

    .main_first_left_wrapper .links{

        margin-top: 32px;

    }

    .main_first_left_wrapper .links a{

        width: 50%;

        justify-content: center;

        display: flex;

    }

    .main_second {

        padding: 80px 0;

    }

    .main_second .second_main_image{

        margin-top: 30px;

    }

    .navbar-brand img {

        max-height: 40px;

        margin-right: 30px;

    }

    .main_second .second_main_image{

        border-radius: 32px;

    }

    .top_div {

        height: 76px;

    }

    .main_third_item{

        margin-bottom: 71px;

    }

    .main_third {

        padding-bottom: 10px;

    }

    .main_fourth_card{

        margin-bottom: 24px;

        display: block;

    }

    .main_fourth {

        padding-bottom: 80px;

    }

    .footer_wrapper{

        border-radius: 32px;

        padding: 36px 32px 24px;

    }

    .main_fifth{

        padding-bottom: 60px;

    }

    .main_fourth {

        padding-bottom: 60px;

    }

}



@media (max-width: 767.98px) {

    .navbar-brand img{

        display: none;

    }

    a.navbar-brand{

        font-size: 14px;

        margin-right: 0;

    }

    .top_div{

        height: 50.4px;

    }

    .first_main_image{

        height: 290px;

    }

    .mob_first_none_pm{

        margin: 0;

        padding: 0;

        max-width: 100%;

    }

    .main_first_left{

        padding: 20px 10px;

    }

    .main_first_left .title h1{

        font-size: 32px;

        line-height: 120%;

        margin-bottom: 24px;

    }

    .main_first_left .content p{

        font-size: 16px;

    }

    .main_first_left_wrapper .links{

        flex-wrap: wrap;

    }

    .main_first_left_wrapper .links a{

        width: 100%;

        margin-right: 0;

    }

    .main_first_left_wrapper .links a:first-child{

        margin-bottom: 16px;

    }

    .main_first_left{

        border-radius: 0;

    }

    .main_second {

        padding: 50px 0;

    }

    .main_second .title h2{

        font-size: 24px;

        margin-bottom: 24px;

    }

    .main_second .second_main_image{

        display: none;

    }

    .main_third .title h2{

        font-size: 24px;

    }

    .main_third_item .link p{

        font-size: 22px;

    }

    .main_third_item .link p img{

        height: 24px;

        margin-left: 8px;

    }

    .main_fourth .title h2{

        font-size: 24px;

        margin-bottom: 24px;

    }

    .main_fourth .link a{

        margin-top: 24px;

    }

    .main_fourth {

        padding-bottom: 50px;

    }



    .main_fifth h2{

        font-size: 24px;

        margin-bottom: 24px;

    }



    .main_fifth_card{

        display: block;

    }





    .main_fifth_card .content p{

        font-size: 18px;

        text-align: center;

        line-height: 120%;

    }

    .main_fifth {

        padding-bottom: 30px;

    }

    .container {

        max-width: 100%;

    }

    .footer_nav{

        display: block;

        margin-bottom: 20px;

    }

    .footer_wrapper {

        border-radius: 32px;

        padding: 36px 16px 24px;

    }

    .footer_wrapper{

        margin-bottom: 20px;

    }

}



.single_blog{

    padding-bottom: 60px;

}



.breadcrumbs{

    margin-bottom: 40px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.breadcrumbs a{

    color: var(--Black-060, rgba(42, 42, 42, 0.60));

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-decoration: none;

}



.breadcrumbs a:hover{

    color: var(--Blue, #063348);

}



.breadcrumbs .current-item{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.breadcrumbs_divider{

    display: flex;

    align-items: center;

    margin-left: 8px;

    margin-right: 8px;

}



.single_blog h1{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 52px;

    font-style: normal;

    font-weight: 600;

    line-height: 130%;

    margin-bottom: 40px;

}



.single_blog .image img{

    width: 100%;

    border-radius: 24px;

    margin-bottom: 40px;

}



.single_blog .content p{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    line-height: 130%;

    margin-bottom: 12px;

}



.single_blog .content h2{

    margin-bottom: 24px;

    font-size: 28px;

}



.single_blog .content a{

    color: var(--Black, #063348);

}

.single_blog .content a:hover{

    color: var(--Black, #004F74);

}



strong{

    font-weight: 700;

}



.single_blog ul{

    list-style-type: disc;

    margin-bottom: 12px;

    margin-left: 28px;

}



.single_blog ol{

    margin-bottom: 12px;

    margin-left: 28px;

}



.single_blog li{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%;

    margin-bottom: 4px;

}



.blog_sidebar_item{

    border-radius: 14px;

    border: 1px solid var(--Light-blue, #D6EFF6);

    background: var(--Light-blue, #D6EFF6);

    margin-bottom: 4px;

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    text-decoration: none;

    padding: 16px 30px;

    text-align: center;

    width: 100%;

    display: block;

}



.blog_sidebar_item:hover{

    background: #004F74;

    color: #fff;

}



.blog_sidebar_item.active{

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    color: #fff;

}





#back_to_top {

	display: inline-block;

	background-color: #063348;

	width: 50px;

	height: 50px;

	text-align: center;

	border-radius: 4px;

	position: fixed;

	bottom: 30px;

	right: 30px;

	transition: background-color .3s, opacity .5s, visibility .5s;

	opacity: 0;

	visibility: hidden;

	z-index: 1000;

}

#back_to_top::after {

	content: '';

    background: url(../items/icons8-arrow-up-100.png);

    width: 25px;

    height: 25px;

    display: block;

    background-size: contain;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 0;

    right: 0;

}

#back_to_top:hover {

	cursor: poRoboto;

	background-color: #333;

}

#back_to_top:active {

	background-color: #555;

}

#back_to_top.show {

	opacity: 1;

	visibility: visible;

}

/* Styles for the content section */



@media (min-width: 500px) {

	

	#back_to_top {

		margin: 30px;

	}

}



@media (max-width: 767.98px) {

    .single_blog h1{

        font-size: 36px;

        line-height: 120%;

        margin-bottom: 20px;

    }



    .breadcrumbs{

        margin-bottom: 20px;

    }



    .breadcrumbs a{

        font-size: 14px;

    }



    .breadcrumbs_divider {

        margin-left: 4px;

        margin-right: 4px;

    }



    .breadcrumbs .current-item{

        font-size: 14px;

    }

    

    .single_blog .image img{

        margin-bottom: 20px;

    }



    .single_blog .content h2{

        margin-bottom: 16px;

        font-size: 28px;

    }



    .single_blog .content h3{

        margin-bottom: 16px;

        font-size: 24px;

    }



    .single_blog .content h4{

        margin-bottom: 16px;

        font-size: 20px;

    }



    .single_blog .content p{

        margin-bottom: 12px;

        font-size: 16px;

    }



    .single_blog li{

        font-size: 16px;

    }



    .single_blog .content{

        margin-bottom: 32px;

    }



}



.taxonomy{

    padding: 0 0 40px;

}



.taxonomy h1{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 46px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 24px;

    text-decoration: none;

}



.taxonomy a.card_tax .image img{

    height: 220px;

    width: 100%;

    object-fit: cover;

    object-position: center;

    margin-bottom: 16px;

    border-radius: 16px;

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}



.taxonomy a.card_tax p{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 130%;

    margin-bottom: 8px;

}



.taxonomy a.card_tax p.excerpt{

    color: var(--Black, #2A2A2A);

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 130%; 

}



.taxonomy a.card_tax{

    text-decoration: none;

    display: block;

    margin-bottom: 20px;

}





@media (max-width: 767.98px) {

    .taxonomy h1{

        font-size: 36px;

    }

}



.wp-pagenavi a, .wp-pagenavi span{

    border: 0!important;

    font-family: Roboto;

}



.wp-pagenavi a{

    color: #004F74;

}





.search_list{

	border-radius: 50px;

	border: 1px solid rgba(53, 53, 53, 0.50);

	padding: 10px 20px 10px 30px;

	display: flex;

	max-width: 332px;

}



.search_list input{

	color: #000;

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	border: 0;

	padding: 0;

	outline: 0;

	box-shadow: 0;

}



.search_list input::placeholder{

	color: var(--black-30, rgba(53, 53, 53, 0.30));

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}



.search_list button{

	background: transparent;

	border: 0;

}



.taxonomy_header .filters {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 42px;

}



.taxonomy_header .map_tabs{

	display: flex;

	align-items: center;

}



.taxonomy_header .map_tabs_left p{

	color: #000;

	font-family: Roboto;

	font-size: 18px;

	font-style: normal;

	font-weight: 400;

	line-height: 26px;

	margin-right: 20px;

}



.taxonomy_header .nav-tabs .nav-link.active{

	padding: 0;

	border: 0;

	border-radius: 0;

	background: transparent;

	color: var(--text-indigo, #1A3C80);

	font-family: Roboto;

	font-size: 18px;

	font-style: normal;

	font-weight: 600;

	line-height: 26px; 

}



.taxonomy_header .nav-tabs .nav-link:first-child{

	margin-right: 20px;

}



.taxonomy_header .nav-tabs .nav-link{

	padding: 0;

	border: 0;

	border-radius: 0;

	background: transparent;

	color: #000;

	font-family: Roboto;

	font-size: 18px;

	font-style: normal;

	font-weight: 400;

	line-height: 26px;

}



.sidebar_taxonomy{

	padding: 30px 20px;

	background: #EEE;

}

.sidebar_taxonomy .cat p{

	color: var(--background-dark-blue, #0D2E71);

	font-family: Roboto;

	font-size: 20px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

	margin-bottom: 25px;

}





.checkbox-other input[type=checkbox] {



	position: absolute;

	z-index: -1;

	opacity: 0;

	display: block;

	width: 0;

	height: 0;

}



.checkbox-other span {

	display: inline-block;

	position: relative; 

	padding: 0 0 0 35px;   

    cursor: poRoboto;

    font-family: 'Roboto';

	font-style: normal;

	font-weight: 400;

	font-size: 14px;

	line-height: 140%;

	color: #363C4E;

}

.checkbox-other span a{

	text-decoration: none;

}



.checkbox-other span:before {

	content: "";

	display: inline-block;

	width: 20px;

	height: 20px;

	position: absolute;

	left: 0;

	top: 0;

	transition: background 0.3s ease;

	background: url("../items/checkbox.svg") 0 0 no-repeat;

	background-size: cover!important;

}



/* Checked */



.checkbox-other input[type=checkbox]:checked + span:before {

	background-image: url("../items/checkbox_active.svg");

}



.sidebar_taxonomy{

	padding: 30px 20px;

	background: #EEE;

}

.sidebar_taxonomy .cat p{

	color: var(--background-dark-blue, #0D2E71);

	font-family: Roboto;

	font-size: 20px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

	margin-bottom: 25px;

}



.checkbox-other{

    min-width: 100%;

    margin-bottom: 10px;

    cursor: poRoboto;

}



.taxonomy_header .subtitle p{

    margin-bottom: 16px;

}



.taxonomy_header .subtitle {

    margin-bottom: 40px;

}



.nav-tabs{

    border-bottom: none;

}



.count_map{

    margin-bottom: 16px;

}



.meta div p{

	margin-left: 7px;

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 13px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}

.meta div{

	display: flex;

	align-items: center;

	opacity: 0.5;

	margin-bottom: 8px;

}





.custom_pagination{

	display: flex;

	justify-content: center;

}



.custom_pagination li{

	margin-right: 8px;

	color: rgba(53, 53, 53, 0.50);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	cursor: poRoboto;

}



.custom_pagination li strong{

	color: #1A3C80;

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 600;

	line-height: normal;

}

@media (max-width: 767.98px) {

    .taxonomy_header .filters{

        display: block;

    }

    .search_list{

        width: 100%;

        justify-content: space-between;

        margin-bottom: 20px;

    }

    .taxonomy_header .subtitle p{

        font-size: 16px;

    }

    .sidebar_taxonomy{

        margin-top: 20px;

    }

}



.cloud_item{

	background: #EEE;

	padding: 10px 16px;

	margin-right: 16px;

	margin-bottom: 16px;

}

.cloud_item p, .cloud_item a{

	color: #0D2E71;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: inline-block;

    text-decoration: none;

}

.cloud_items{

	display: flex;

	margin-bottom: 32px;

	flex-wrap: wrap;

}

.map_description_item li {

    background: #EEE;

    padding: 10px 16px;

    margin-right: 16px;

    color: #0D2E71;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: inline-block;

    text-decoration: none;

    margin-bottom: 8px;

}



.map_description_item ul {

    display: flex;

    flex-wrap: wrap;

    list-style-type: none;

    padding-left: 0;

    margin-left: 0;

    margin-top: 20px;

}



.map_description_item li a {

    color: #0D2E71;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: inline-block;

    text-decoration: none;

}



.content_course .image img{

	width: 100%;

	border-radius: 30px;

}



.content_course{

	margin-top: 44px;

}



.content_course .nav-tabs .nav-link {

	background: #fff;

	border: 1px solid var(--grey, #B5B5B5);

	padding: 6px 16px;

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 18px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}



.content_course .nav-item {

    margin-right: 0;

}

.content_course .nav-tabs .nav-link{

    margin-right: 0!important;

}



.content_course .nav-tabs .nav-link{

	border-radius: 0px;

}

.content_course .nav-tabs:first-child .nav-link{

	

}

.content_course .nav-tabs:last-child .nav-link{

	border-radius: 5px 0px 0px 5px;

}



.content_course .nav-tabs .nav-link.active{

	border: 1px solid #1A3C80;

	background: #1A3C80;

	color: #fff;

}



.content_course .nav-tabs{

	margin-bottom: 36px;

}

.content_course #home p{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

	margin-bottom: 24px;

}



h2.home_item_title{

	color: var(--text-indigo, #1A3C80);

	font-family: Roboto;

	font-size: 24px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	margin-bottom: 10px;

}

.home_item{

	margin-bottom: 4px;

	display: flex;

	width: 224px;

	justify-content: space-between;

}



.home_item .text{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

}



.home_item .quantity{

	color: var(--text-indigo, #1A3C80);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 500;

	line-height: 120%; 

}



.accordion-button:focus{

	outline: 0;

	box-shadow: none;

	border: 0;

}

.accordion-flush .accordion-item .accordion-button{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 20px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

}

.accordion-button:not(.collapsed){

	color: var(--text-indigo, #1A3C80);

	font-family: Roboto;

	font-size: 20px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

}



.single_blog .content h2.accordion-header{

	margin-bottom: 0;

}



.lesson{

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.lesson .image img{

	height: 24px;

	width: 24px;

}



.lesson .image{

 	width: 8%;

}



.lesson .number{

	width: 12%;

}



.lesson .link{

	width: 70%;

}



.lesson .time{

	width: 10%;

}





.lesson .number p{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

}



.lesson .link a {

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

	text-decoration: none;

}



.lesson .link a h3{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

	text-decoration: none;

}



.lesson .time p{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

}



.lesson{

	border-top: 1px solid #B5B5B5;

	padding: 14px 0;

}



.lesson:last-child{

	border-bottom: 1px solid #B5B5B5;

}



.singular_custom  .title_flex{

	display:flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}



iframe{

    width: 100%;

    height: 500px;

}



@media (max-width: 767.98px) {

    iframe{

        width: 100%;

        height: unset;

    }

    

	.lesson .image{

		width: 3%;

   }

   

   .lesson .number{

	   width: 15%;

   }

   

   .lesson .link{

	   width: 50%;

   }

   

   .lesson .time{

	   width: 15%;

   }

   



	.lesson .image img{

		height: 18px;

		width: 18px;

	}

            

	.lesson .number p{

		color: var(--black, #353535);

		font-family: Roboto;

		font-size: 14px;

		font-style: normal;

		font-weight: 400;

		line-height: 120%;

	}



	.lesson .link a {

		color: var(--black, #353535);

		font-family: Roboto;

		font-size: 14px;

		font-style: normal;

		font-weight: 400;

		line-height: 120%;

		text-decoration: none;

	}



	.lesson .link a h3{

		color: var(--black, #353535);

		font-family: Roboto;

		font-size: 14px;

		font-style: normal;

		font-weight: 400;

		line-height: 120%;

		text-decoration: none;

	}



	.lesson .time p{

		color: var(--black, #353535);

		font-family: Roboto;

		font-size: 14px;

		font-style: normal;

		font-weight: 400;

		line-height: 120%;

	}



	.course h1 {

		color: var(--text-indigo, #1A3C80);

		font-family: Roboto;

		font-size: 28px;

		font-style: normal;

		font-weight: 600;

		line-height: normal;

		margin-bottom: 20px;

	}

	.course .title_flex a.blue_btn {

		width: 100%;

		text-align: center;

	}

	

	.content_course{

		margin-top: 0px;

	}



	.content_course .nav-item{

		width: 45%;

	}

	.content_course .nav-item:first-child{

		width: 27.5%;

	}

	.content_course .nav-item:last-child{

		width: 27.5%;

	}

	.content_course .nav-tabs .nav-link{

		width: 100%;

	}



	.content_course .nav-tabs .nav-link {

		background: #fff;

		border: 1px solid var(--grey, #B5B5B5);

		padding: 6px 16px;

		color: var(--black, #353535);

		font-family: Roboto;

		font-size: 16px;

		font-style: normal;

		font-weight: 400;

		line-height: normal;

	}

	.content_course .nav-tabs {

		margin-bottom: 24px;

	}

	.course {

		padding: 0 0 80px;

	}

}



input[name="r"] {

	appearance: none;

	margin: 0 -3px;

	padding: 0;

	border: 0;

}



.rating{

	display: flex;

}

:has(~ input[name="r"] + label) {

	color: grey;

	transition: all 0.3s ease-in-out;

}

input[name="r"] + label {

	font-size: 28px;

	line-height: 30px;

	display: inline-block;

	height: 30px;

	width: 30px;

	border-radius: 8px;

}

input[name="r"] + label:hover {

	cursor: poRoboto;

	transition: all 0.3s ease-in-out;

}

input[name="r"]:checked + label, :has(~ input[name="r"]:checked + label) {

	color: orange;

}

:has(~ input[name="r"]:hover + label), input[name="r"] + label:hover {

	color: orangered;

}



.comment_custom h3{

	color: var(--text-indigo, #1A3C80);

	font-family: Roboto;

	font-size: 24px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	margin-bottom: 24px;

}

.comment_custom p{

	color: var(--black, #353535);

	font-family: Roboto;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

	line-height: 120%;

}



.form-label{

	margin-bottom: 10px;

	color: var(--grey-2, #8F8E8E);

	font-family: Roboto;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

}



.course{

    margin-bottom: 50px;

}



.course h1{

	color: var(--text-indigo, #063348);

	font-family: Roboto;

	font-size: 40px;

	font-style: normal;

	font-weight: 600;

	line-height: normal;

    margin-bottom: 30px;

}



.isupport{

    background: #D6EFF6;

    padding: 80px 0;

    margin-bottom: 40px;

}



.isupport h2{

    color: var(--Blue, #063348);

    font-family: Roboto;

    font-size: 58px;

    font-style: normal;

    font-weight: 600;

    line-height: 120%; 

}



.isupport a{

    padding: 16px 24px;

    color: var(--White, #FFF);

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    display: block;

    text-decoration: none;

    width: max-content;

    

    margin-top: 32px;

}



.isupport img{

    width: 80%;

    text-align: end;

    border-radius: 40px;

    display: flex;margin-left: auto;

    justify-content: end;

}



@media (max-width: 767.98px) {

    

	.course h1 {

		color: var(--text-indigo, #063348);

		font-family: Roboto;

		font-size: 28px;

		font-style: normal;

		font-weight: 600;

		line-height: normal;

		margin-bottom: 20px;

	}



    .isupport h2{

        font-size: 38px;

    }



    .isupport img{

        width: 100%;

        margin-top: 40px;

    }

}



.wp-block-button__link {

    padding: 16px 24px;

    color: var(--White, #FFF)!important;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    border-radius: 600px;

    border: 1px solid var(--Blue, #063348);

    background: var(--Blue, #063348);

    display: block;

    text-decoration: none;

    width: max-content;

    margin-bottom: 32px;

    margin-top: 20px;

}



.wp-block-file__button{

    background: transparent;

}







.team_item{



	display: flex;



	border: 1px solid var(--Additional-Grey, #B5B5B5);



	margin-bottom: 36px;



}







.team_item{



	height: 300px;

    border-radius: 16px;

}



.team_item .image img{



	object-fit: cover;



	width: 300px;



	height: 100%;



	margin-bottom: 0;



	object-position: top;



	margin-right: 24px;



    border-radius: 16px 0 0 16px;



}







.team_item .title a{



	color: var(--Main-Dark-blue, #0D2E71);



	font-family: Raleway;



	font-size: 24px;



	font-style: normal;



	font-weight: 600;



	line-height: 140%;



	margin-bottom: 24px;



	text-decoration: none;



	display: block;



}







.team_item .content p{



	color: var(--Main-Black-2, #000);



	font-family: Roboto;



	font-size: 16px;



	font-style: normal;



	font-weight: 400;



	line-height: 140%; 



	margin-bottom: 12px;



}







.team_item .content a{



	color: var(--Main-Dark-blue, #0D2E71);



	font-family: Roboto;



	font-size: 16px;



	font-style: normal;



	font-weight: 400;



	line-height: 140%;



	text-decoration-line: underline;



}







.team_item .content li{



	font-size: 16px;



}







.team_item .team_item_center{



	max-width: 55%;



	margin-top: 50px;



}



.team_item_right{



	margin-left: auto;



}



.team_item .team_item_right .link a{



	padding: 16px 20px;



	background: var(--Main-Indigo, #1A3C80);



	color: var(--Main-White, #FFF);



	font-family: Roboto;



	font-size: 16px;



	font-style: normal;



	font-weight: 500;



	line-height: 100%; 



	display: inline-block;



	margin-top: 50px;



	margin-right: 24px;



	text-decoration: none;



}







@media (max-width: 1199.98px) {



	.team_item{



		display: block;



		border: 1px solid var(--Additional-Grey, #B5B5B5);



		margin-bottom: 24px;



	}



	



	.team_item{



		height: auto;



	}



	.team_item .image img{



		width: 100%;



		margin: 0;



		margin-bottom: 24px;



        border-radius: 16px 16px 0 0 ;

	}



	.team_item .team_item_center {



		max-width: 100%;



		margin-top: 0;



		padding: 0 16px ;



	}







	.team_item .title a {



		color: var(--Main-Dark-blue, #0D2E71);



		font-family: Raleway;



		font-size: 20px;



		font-style: normal;



		font-weight: 600;



		line-height: 140%;



		margin-bottom: 16px;



		text-decoration: none;



		display: block;



	}







	.team_item .team_item_right {



		padding: 0 16px;



	}







	.team_item .team_item_right .link a {



		padding: 16px 20px;



		background: var(--Main-Indigo, #1A3C80);



		color: var(--Main-White, #FFF);



		font-family: Roboto;



		font-size: 16px;



		font-style: normal;



		font-weight: 500;



		line-height: 100%;



		display: inline-block;



		margin-top: 0;



		margin-right: 0;



		text-decoration: none;



		width: 100%;



		text-align: center;



		margin-bottom: 16px;



	}



}




.test_item button:hover{
    opacity: 0.9;
}

.main_second a{
    padding: 12px 24px;
    color: var(--White, #FFF);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 600px;
    border: 1px solid var(--Blue, #063348);
    background: var(--Blue, #063348);
    display: block;
    text-decoration: none;
    width: max-content;
    margin-top: 32px;
}

.partners_block .image{
    width: 120px;
    height: 160px;
    margin-right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners_block .image img{
    width: 120px;
    margin-bottom: 0;
    border-radius: 0;
}
.partners_block .content p{
    margin-bottom: 0;
}

.partners_block a:hover{
    background-color: #D6EFF6;
}

@media (max-width: 767.98px) {
    .main_second a{
        width: 100%;
        text-align: center;
    }
    .partners_block .image{
        width: 100%;
        height: auto;
    }
    
    .partners_block .image img{
        width: 120px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }
}

a.partner{
    border: 2px solid #F4F4F4;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    position: relative;
}

a.partner:hover{
    border-color: #D6EFF6;
}

a.partner img{
    object-fit: contain;
    width: 120px;
}

.main_fifth .swiper-slide{
    width: 200px;
}

.test_item{
    display: none;
}

.test_item.active{
    display: block;
}

.test_item .btn_wrapper{
    display: flex;
    align-items: center;
}

.test_item button:first-child{
    margin-right: 16px;
}

.test_item .title p{
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 20px;
}

.last_step.test_item .result p{
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 32px;
}

.test_item button,.test_item a.btn_test{
    padding: 12px 24px;
    color: var(--White, #FFF);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid var(--Blue, #063348);
    background: var(--Blue, #063348);
    display: block;
    text-decoration: none;
    width: max-content;
    text-decoration: none;
}

.test_item button,.test_item a.btn_test:hover{
    color: #fff;
}