/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
    text-decoration: none;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
    list-style: none;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

a:hover{
    text-decoration: none !important;
}

a {
    cursor: pointer;
    display: inline-block;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}
@media (min-width:1920px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1480px}}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}



.wrapper {
    height: 100%;
}
.contentW{
    min-height: calc(100vh - 220px);
}

.header{
    padding: 15px 0 15px;
    text-align: right;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px -4px 6px rgba(255, 255, 255, 0);
}

@media (max-width: 480px) {
    .header{
        padding: 15px 0 15px;
    }
}


.donate {
    background-color: #009490;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.donate a {
    display: block;
    color: #fff;
}

.donate a:hover {
    background-color: #FFD600;
    color: #000;
}

@media (max-width: 768px) {
    .donate span {
        display: block;
    }
}

.headerContacts{
    text-align: right;
    margin-right: 27px;
}
.miltiLang{
    text-align: right;
    display: inline-block;
}
.footer .miltiLang{
    text-align: right;
    display: block;
}

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

.headerContacts .phoneNumber {
    color: #009490;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: normal;
}
.phoneNumber:hover{
    color: #000;
    text-decoration: underline !important;
}
.headerContacts p{
    color: #515151;
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 768px) {
    .headerContacts p {
        text-align: center;
    }
}

.action {
    color: #4095B2;
    font-size: 30px;
}

.miltiLang a{
    color: #515151;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
}
.miltiLang a:hover{
    color: #4095B2;
}
.miltiLang span {
    display: inline-block;
    width: 2px;
    line-height: -3px;
    height: 25px;
    transform: rotate(30deg);
    flex-shrink: 0;
    border-radius: 10px;
    background: #515151;
    padding: 3px 0;
    margin: -6px 11px;
}
header .logo{
    text-align: left;
    padding-top: 20px;
}

/*banner*/

.banner{
    background: url("../img/banner.png"), lightgray 0px -206.887px / 100% 178.64% no-repeat;
    padding: 186px 0 116px;
    margin-bottom: 70px;
    min-height: 590px;
}
.pray .banner{
    background: url("../img/pray.png"), lightgray 0px -206.887px / 100% 178.64% no-repeat;
    padding: 97px 0 73px;
    background-size: cover;
    margin-bottom: 161px;
    position: relative;
    min-height: 590px;
}
.pray .banner .container{
    position: relative;
}
.pray .banner h1{
    color: #FFF;
    text-align: left;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: normal;
}
.pray .banner p{
    margin-bottom: 127px;
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.pray .banner p.small{
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 33px;
    line-height: normal;
}
.banner .socIcon{
    text-align: right;
    position: absolute;
    top: -60px;
    right: 0px;
}
.banner .socIcon a{
    display: inline-block;
    margin:0 6px;
    width: 23px;
}
.banner h1{
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}
.banner p{
    color: #FFF;
    text-align: left;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 20px;
    font-style: normal;
    margin-bottom: 95px;
    font-weight: 500;
    line-height: 140%; /* 28px */
}
.banner .btnLight{
    margin-right: 65px;
}
.btnLight{
    border-radius: 10px;
    background: #009490;
    border:2px solid #009490;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
    padding: 0 32px;
    height: 57px;
    flex-shrink: 0;
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
}
.btnLight:hover{
    background: #fff;
    color: #009490;
}
.btnDark{
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
    padding: 0 32px;
    height: 57px;
    flex-shrink: 0;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
    color: #000;
    background-color: #FFD600;
    border:2px solid #FFD600;
}
.btnDark:hover{
    background: #fff;
    color: #001D35;
    border-color: #FFD600;
}
.banner .img{
    text-align: right;
    margin-right: -22px;
    padding-left: 36px;
}
.banner .container{
    position: relative;
}
.btnChat img{
    display: none;
}
.btnChat {
    display: none;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    flex-shrink: 0;
    text-align: center;
    padding: 17px 0;
    position: absolute;
    bottom: -148px;
    background: #009490;
    border:2px solid #009490;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    right: 0;
}
.pray .btnChat{
    bottom: -116px;
}
.btnChat:hover{
    background: #fff;
}
.btnChat svg{
    margin-top: -10px;
    width: 50px;
}
.btnChat:hover g rect{
    fill: #009490;
}

/*dignity*/

.dignity{
    margin-bottom: 160px;
}
.dignityWrap{
    margin: 0 67px;
}
.dignityItem .img{
    display: inline-block;
    margin-right:12px;
    float: left;
}
.dignityItem img{
    height: 65px;
    width: auto;
}
.dignityItem{
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}
.dignityItem p{
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
}

/*consultations*/
.consultations{
    background-image: url("../img/consultations.png");
    padding: 57px 0 74px;
    background-size: cover;
    margin-bottom: 88px;
}
.consultations p,
.consultations a{
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    margin-bottom: 57px;
}
.consultationsItem{
    text-align: center;
    display: inline-block;
}
.consultationsItem.left{
    text-align: left;
}
.consultationsItem.right{
    text-align: right;
}
.consultationsItem .title{
    color: #FFD600;
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    font-family: 'Commissioner', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: normal;
}
.consultationsItem p{
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
}
.consultationsWrap{
    justify-content: space-between;
    display: flex;
}

/*advantages*/

.advantages{

}
.advantages h2{
    color: #000;
    text-align: center;
    margin-bottom: 80px;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}
/*.advantages h2:after{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    border-radius: 10px;*/
/*    background: #4095B2;*/
/*    width: 73px;*/
/*    height: 3px;*/
/*    flex-shrink: 0;*/
/*    left: 50%;*/
/*    margin-left: -36.5px;*/
/*    top: 63px;*/
/*}*/
.advantagesItem{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: initial;
}
.advantagesItem .img{
    display: inline-block;
    width: 10%;
    margin-right: 35px;
}
.advantagesItem p{
    color: #292929;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    display: block;
    flex-basis: auto;
    width: 84%;
}

/*phoneContact*/

.phoneContact{
    background-image: url("../img/phoneContact.png");
    padding: 81px 0 76px;
    background-size: cover;
    margin-bottom: 130px;
}

@media (max-width: 768px) {
    .action span {
        display: block;
        text-indent: -9999px;
        height: 0px;
    }

    .phoneContact{
        margin-bottom: 70px;
    }
}

.phoneContactWrap{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: initial;
}
.phoneContactItem.left{
    width: 50%;
}
.phoneContactItem.right{
    width: 25%;
    padding-right: 65px;
}
.phoneContactItem p{
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 35px */
}
.phoneContactItem .socIcon{
    text-align: center;
    width: 248px;
}
.phoneContactItem .socIcon a{
    display: inline-block;
    margin:0 10px;
}
.phoneContactItem .btnLight{
    margin-bottom: 50px;
}

/*onlineChat*/

.onlineChat h2{
    text-transform: uppercase;
    margin-bottom: 80px;
    position: relative;
    color: #000;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-table;
    width: auto;
}
.onlineChat .btnLight{
    padding: 0 60px;
}
.onlineChat h2:before{
    background-image: url("../img/chat.svg");
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    right: -58px;
    top: -16px;
    height: 50px;
}
.onlineChat h2:after{
    content: "";
    display: block;
    position: absolute;
    border-radius: 10px;
    background: #4095B2;
    width: 73px;
    height: 3px;
    flex-shrink: 0;
    left: 50%;
    margin-left: -36.5px;
    top: 63px;
}
.onlineChat p{
    color: #000;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 35px */
    margin-bottom: 102px;
}
.onlineChat{
    text-align: center;
    margin-bottom: 120px;
}

/*indexBlog*/

.indexBlog{
    background-image: url("../img/blogIndex.png");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
}
.indexBlogBg{
    padding: 52px 0 225px;
}
.indexBlogBg h3{
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 17px;
}
.indexBlogBg p{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
}
.indexBlogBg p a{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.indexBlogItems{
    margin-top: -142px;
    text-align: center;
}
.indexBlogItem img{
    width: 100%;
    margin-bottom: 40px;
}
.indexBlogItem{
    margin:0 35px 55px;
    text-align: left;
}
.indexBlogItem .title{
    color: #000;
    position: relative;
    height: 80px;
    display: block;
    margin-bottom: 30px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.indexBlogItem .title:after{
    content: "";
    display: block;
    position: absolute;
    background: #C1C1C1;
    width: 100px;
    height: 4px;
    flex-shrink: 0;
    left: 0;
    bottom: -0px;
}
.indexBlogItem p{
    color: #292929;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
}
.btnTranporent{
    padding: 0 43px;
    height: 65px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 2px solid #001D35;
    color: #4095B2;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
}
.btnTranporent:hover{
    background-color: #001D35;
    color: #fff;
}
.indexBlog .btnTranporent{
    margin-bottom: 130px;
}

/*footer*/

.footer{
    background: #001D35;
    padding: 73px 0 0;
}
.footer p{
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 63px;
    display: inline-block;
}
.footer p:first-child{
    width: 367px;
    margin-right: 88px;
}
.footer a{
    color: #FFF;
    text-align: center;
    text-decoration: underline;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer .miltiLang{
    margin-bottom: 33px;
}
.footer .miltiLang a{
    text-decoration: none;
}
.footer .socIcon{
    text-align: right;
}
.footer .socIcon a{
    display: inline-block;
    margin:0 6px;
    width: 16px;
}
.copyright{
    color: #FFF;
    text-align: center;
    padding-bottom: 37px;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/*pray*/

.prayBlog{
    overflow: hidden;
    margin-bottom: 80px;
    padding-top: 17px;
}
.prayItem.left{
    text-align: left;
}
.prayItem.right{
    text-align: right;
}
.prayItem.left .title{
    border-radius: 0px 10px 10px 1px;
}
.prayItem.right .title{
    border-radius: 10px 0px 0px 10px;
}
.prayItem .title{
    color: #FFF;
    display: inline;
    width: auto;
    padding: 18px 28px;
    background: #001D35;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    position: relative;
    line-height: normal;
}
.prayItem .title:after{
    content: "f";
    color: transparent;
    padding: 18px 28px;
    width: 500px;
    top: 0;
    position: absolute;
    background: #001D35;
}
.prayItem.left .title:after{
    width: 900px;
    left: -899px;
}
.prayItem.right .title:after{
    width: 900px;
    right: -899px;
}
.prayItem p{
    color: #292929;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    margin-top: 66px;
    margin-bottom: 60px;
    position: relative;
}
.prayItem.left p{
    width: 61%;
    margin-right: 39%;
}
.prayItem.right p{
    width: 61%;
    margin-left: 39%;
}
.prayItem p:after{
    content: "";
    color: transparent;
    height: 1px;
    width: 1900px;
    bottom: -15px;
    right: 0;
    position: absolute;
    background: #001D35;
}
.prayItem.right p:after{
    content: "";
    color: transparent;
    height: 1px;
    width: 1900px;
    left: 0;
    position: absolute;
    background: #001D35;
}

/*content*/

.post .header{
    margin-bottom: 170px;
}
.content{
    margin-bottom: 132px;
}
.content .container{
    overflow: hidden;
}
.content h1{
    color: #000;
    margin-bottom: 50px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.content p{
    color: #292929;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 140%; /* 28px */
}
.content .left{
    float: left;
    margin-right: 50px;
    margin-bottom: 10px;
}
.content .right{
    float: right;
    margin-left: 68px;
}
.border{
    height: 59px;
    background-color: transparent;
}

/*linkPhone*/

.linkPhone{
    margin-bottom: 150px;
}
.linkPhone h2{
    color: #292929;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 42px */
    margin-bottom: 55px;
}
.links{
    text-align: center;
}
.links a{
    margin:0 32.5px;
}

/*blog*/

.blog .header,
.post .header{
    border-bottom: 1px solid #4095B2;
}
.blog .header{
    margin-bottom: 60px;
}
.blog h1{
    color: #000;
    margin-bottom: 77px;
    font-size: 32px;
    font-style: normal;
    text-align: center;
    font-weight: 700;
    line-height: normal;
}
.blogItem a{
    display: flex;
    border-radius: 10px;
    height: 81px;
    width: 100%;
    align-items: center;
    margin-bottom: 43px;
    border: 2px solid #4095B2;
    color: #1F596D;
    text-align: center;
    font-size: 20px;
    justify-content: center;
    font-style: normal;
    vertical-align: middle;
    font-weight: 700;
}
.blog .content{
    margin-bottom: 95px;
}
.blog .socIcon{
    text-align: right;
}
.blog .socIcon a{
    display: inline-block;
    margin:0 6px;
    width: 23px;
}
.blog .footer{
    background: #404040;
}

/*download*/

.download{
    text-align: center;
    margin-bottom: 270px;
}
.download h3{
    color: #000;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 27px;
}
.download p{
    color: #000;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 75px;
}
.btnGreen{
    border-radius: 10px;
    border: 2px solid #B6CD69;
    background: #B6CD69;
    padding: 0 56px;
    height: 75px;
    display: inline-block;
    flex-shrink: 0;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
}
.btnGreen:hover{
    background: #fff;
    color: #B6CD69;
}
@media (max-width:1399px){
    .banner {
        background-size: cover;
    }
    .dignityWrap {
        margin: 0 0px;
    }
    .dignityItem p {
        display: flex;
        margin-top: 0;
        align-items: center;
    }
    .dignityItem img{
        width: auto;
        height: 65px;
    }
    .advantagesItem p {
        width: 81%;
    }
    .advantagesItem .img {
        width: 12%;
        margin-right: 15px;
    }
    .phoneContactItem.right {
        width: 23%;
        padding-right: 0;
    }
    .footer p:first-child {
        margin-right: 10px;
    }
    .footer p {
        margin-right: 10px;
    }
}
@media (max-width:1199px){
    .banner .btnLight {
        margin-right: 15px;
    }
    .dignityItem {
        text-align: center;
        justify-content: center;
        display: flex;
    }
    .dignityItem p{
        font-size: 14px;
    }
    .banner {
        padding: 90px 0 86px;
    }
    .dignity,
    .banner{
        margin-bottom: 80px;
    }
    .dignityItem img {
        height: 45px;
        width: auto;
        object-fit: cover;
    }
    .phoneContactItem .socIcon a {
        margin: 0 6px;
    }
    .phoneContactItem .btnLight {
        width: 100%;
        padding: 0;
    }
    .indexBlogBg {
        padding: 26px 0 225px;
    }
    .footer p{
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }
    .miltiLang {
        text-align: right;
    }
    .headerContacts .phoneNumber, .headerContacts p {
        margin-right: 20px;
    }
}
@media (max-width:991px){
    .banner h1 {
        font-size: 23px;
    }
    .banner .img {
        margin-right: -6px;
        padding-left: 0;
    }
    .banner p {
        font-size: 18px;
        margin-bottom: 32px;
    }
    .banner .btnLight {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .dignityItem {
        text-align: left;
        justify-content: stretch;
        display: flex;
        margin-bottom: 33px;
        padding: 0 0 0 63px;
    }
    .dignityItem p {
        font-size: 17px;
    }
    .advantagesItem p {
        width: 75%;
        font-size: 18px;
    }
    .advantagesItem .img {
        width: 18%;
        margin-right: 15px;
    }
    .phoneContactItem.right {
        width: 32%;
        padding-right: 0;
    }
    .phoneContactItem p {
        font-size: 20px;
    }
    .indexBlog {
        background-size: auto;
    }
    .indexBlogItem .title {
        height: 136px;
        font-size: 22px;
    }
    .indexBlogItem p{
        font-size: 18px;
    }
    .footer .socIcon a {
        margin: 0 5px;
    }
    footer .miltiLang {
        display: block;
    }
    .phoneContactItem .socIcon{
        width: auto;
    }
}
@media (max-width:767px){
    header .logo{
        text-align: center;
        margin-bottom: 23px;
    }
    .onlineChat h2{
        font-size:28px;
        padding: 0 21px;
    }
    header .logo a{
        width: auto;
        display: inline-block;
    }
    .banner .btnLight {
        margin-right: 15px;
        margin-bottom: 50px;
    }
    .dignityItem {
        padding: 0 0 0 10px;
    }
    .dignityItem p {
        font-size: 16px;
    }
    .advantages h2{
        font-size: 30px;
    }
    .advantages h2:after{
        top:82px;
    }
    .phoneContactItem.right {
        width: 43%;
        padding-right: 0;
    }
    .indexBlogItem .title {
        height: 80px;
        font-size: 22px;
    }
    .prayItem.left p {
        width: 100%;
        margin-right: 0;
    }
    .prayItem.right p {
        width: 100%;
        margin-left: 0;
    }
    .onlineChat h2:before{
        right: -36px;
    }
}
@media (max-width:575px){
    .headerContacts .phoneNumber, .headerContacts p{
        font-size: 15px;
        margin-right: 0;
    }

    header .miltiLang {
        text-align: center;
        display: block;
    }
    header .logo{
        text-align: center;
    }
    .headerContacts {
        text-align: center;
        display: inline-block;
        border-right: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .banner .btnLight {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .banner .img{
        margin-top: 20px;
    }
    .consultationsWrap {
        display: block;
        text-align: center;
    }
    .advantages h2 {
        font-size: 26px;
    }
    .phoneContactItem.left {
        width: 100%;
        margin-bottom: 30px;
    }
    .phoneContactItem.right {
        width: 100%;
        padding-right: 0;
    }
    .onlineChat h2 {
        font-size: 29px;
        margin-bottom: 30px;
        padding: 0 48px;
    }
    .onlineChat p{
        font-size: 18px;
    }
    .onlineChat h2:before{
        right: 0;
    }
    .indexBlogBg p{
        font-size: 18px;
    }
    .indexBlogItem .title {
        height: auto;
        font-size: 21px;
    }
    .indexBlogItem .title:after {
        bottom: -16px;
    }
    .footer p:first-child {
        width: auto;
        margin-right:0;
    }
    .pray .banner h1{
        font-size: 35px;
    }
    .pray .banner p{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .prayItem .title{
        display: block;
    }
    .prayItem .title:after{
        display: none;
    }
    .links a {
        margin: 0 7.5px 15px;
    }
    .post .header {
        margin-bottom: 30px;
    }
    .blog .header {
        margin-bottom: 30px;
    }
    .blogItem a {
        height: auto;
        padding: 10px;
    }
    .footer {
        background: #001D35;
        padding: 37px 0 0;
    }
    .footer p {
        text-align: center;
        margin-bottom: 10px;
    }
    .footer a{
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .blog .content .socIcon {
        text-align: center;
        margin-bottom: 30px;
    }
    .content .right {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .content .left {
        float: left;
        margin-right: 49px;
        margin-bottom: 30px;
    }
    .border{
        display: none;
    }
    .footer .miltiLang {
        text-align: center;
    }
    .footer .miltiLang a {
        margin-bottom: 0px;
        display: inline-block;
    }
    .footer .miltiLang {
        margin-bottom: 10px;
    }
    .footer .socIcon {
        text-align: center;
        margin-bottom: 10px;
    }
    .btnChat{
        right: 15px;
    }
    .onlineChat h2:after {
        top: 73px;
    }
}
@media(max-width: 520px){
    .onlineChat h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }
}



.slider-content h1 {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
}

@media(max-width: 480px) {
    header .logo {
        margin-bottom: 15px;
    }
    
    header .phoneNumber {
        margin-top: 15px;
        font-size: 30px !important;
    }

    .banner {
        background-size: cover;
        background-position: center !important;
        padding-top: 50px;
        padding-bottom: 0 !important;
        min-height: 570px;
    }

    .btnDark {
        color: #000;
        background-color: #FFD600;
        border-color: #FFD600;
    }
    
    .slider-content {
        text-align: center;
    }
    
    .banner .image {
        display: none;
    }

    .slider-content p {
        text-align: center;
    }

    .dignityItem {
        display: block;
        text-align: center;
    }

    .dignityItem .img {
        width: 100%;
        text-align: center;
    }

    .dignityItem .img img {
        margin: 0 auto;
    }

    .dignity, .banner {
        margin-bottom: 30px;
    }

    .dignity {
        margin-bottom: 0;
    }

    .consultations {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .or {
        font-size: 30px;
        color: #fff;
        margin-bottom: 15px;
    }

    .chat-info {
        margin-top: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 1.2;
    }

    .phone-info {
        margin-top: 10px;
        color: #fff;
        font-size: 12px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .but-phone {
        margin-bottom: 10px !important;
    }

    .miltiLang {
        font-size: 14px;
    }

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


    .miltiLang span {
        height: 20px;
    }

}

@media (min-width: 1200px) {

    .banner {
        background-size: cover !important;
    }

    .phone-info,
    .or,
    .chat-info {
        display: none;
    }

}

/* Загальний стиль для breadcrumbs */
.breadcrumbs {
    font-size: 14px; /* Розмір тексту */
    margin-bottom: 20px; /* Відступ знизу */
    color: #6c757d; /* Світло-сірий текст */
    text-align: center;
}

/* Список breadcrumbs */
.breadcrumb {
    list-style: none; /* Прибираємо маркери списку */
    padding: 0;
    margin: 0 auto;
    align-items: center; /* Вирівнювання по вертикалі */
}

/* Кожен елемент списку */
.breadcrumb li {
    margin-right: 8px; /* Відступ між елементами */
    display: inline; /* Всі елементи в рядок */
}

/* Стиль для посилань */
.breadcrumb li a {
    color: #009490; /* Синій текст для посилань */
    text-decoration: none; /* Прибираємо підкреслення */
    font-weight: 500; /* Напівжирний текст */
    transition: color 0.3s ease; /* Анімація при наведенні */
}

/* Наведення на посилання */
.breadcrumb li a:hover {
    color: #FFD600; /* Темніший синій */
    text-decoration: underline; /* Підкреслення при наведенні */
}

/* Розділювач */
.breadcrumb li::after {
    content: '>'; /* Символ розділювача */
    color: #6c757d; /* Світло-сірий колір */
    margin-left: 8px; /* Відступ після елемента */
}

/* Прибираємо розділювач у останнього елемента */
.breadcrumb li:last-child::after {
    content: ''; /* Немає розділювача */
    margin: 0;
}

/* Стиль для активного елемента (останній пункт) */
.breadcrumb li.active {
    color: #212529; /* Темно-сірий */
    font-weight: 700; /* Жирний шрифт */
    pointer-events: none; /* Не клікабельний */
    text-decoration: none; /* Прибираємо підкреслення */
}

#article {
    padding-top: 15px;
}

#article h1 {
    font-size: 30px;
    margin-bottom: 50px;
    text-align: center;
}

#chat {
    padding-bottom: 50px;
    min-height: 600px;
}

#feedback {
    padding-top: 30px;
}

#chat h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 50px;
    text-align: center;
}

@media (max-width: 768px) {
    #chat {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #chat h1 {
        margin-bottom: 15px;
    }

    #feedback {
        padding-top: 15px;
    }

    .indexBlogItem img {
        height: auto;
    }

}

.article-image {
    text-align: center;
    margin-bottom: 30px;
}

.article-image img {
    margin: 0 auto;
}

#article p {
    margin-bottom: 15px;
}

#article h2 {
    margin: 30px 0 15px;
}

.butall {
    text-align: center;
}


/* Загальний стиль для контейнера пагінації */
.pager-nav {
    margin-top: 20px; /* Відступ згори */
    display: flex;
    justify-content: center; /* Вирівнювання по центру */
    align-items: center;
}

/* Список пагінації */
.pagination {
    list-style: none; /* Прибираємо стандартні маркери списку */
    padding: 0;
    margin: 0;
    display: flex; /* Розташування елементів у ряд */
    gap: 8px; /* Відстань між елементами */
}

/* Кожен пункт пагінації */
.pagination .pager__item {
    display: inline-block;
}

.pagination .pager__item a {
    display: inline-block;
    padding: 8px 12px; /* Внутрішні відступи */
    color: #009490; /* Синій колір тексту */
    text-decoration: none; /* Прибираємо підкреслення */
    border: 1px solid #dee2e6; /* Світло-сірий контур */
    border-radius: 4px; /* Закруглені кути */
    transition: background-color 0.3s ease, color 0.3s ease; /* Анімація на наведенні */
}

/* При наведенні */
.pagination .pager__item a:hover {
    background-color: #009490; /* Синій фон */
    color: #fff; /* Білий текст */
    text-decoration: none; /* Залишається без підкреслення */
}

/* Активна сторінка */
.pagination .pager__item.active a {
    background-color: #009490; /* Синій фон */
    color: #fff; /* Білий текст */
    font-weight: bold; /* Жирний шрифт */
    pointer-events: none; /* Не клікабельна */
    border-color: #009490; /* Синій контур */
}

/* Стиль для кнопки "Наступна" */
.pagination .pager__item--next a {
    background-color: #f8f9fa; /* Світло-сірий фон */
    color: #009490; /* Синій текст */
    border-color: #dee2e6; /* Світло-сірий контур */
    font-weight: 500; /* Напівжирний шрифт */
}

.pagination .pager__item--next a:hover {
    background-color: #009490; /* Синій фон */
    color: #fff; /* Білий текст */
}

/* Адаптивність для мобільних пристроїв */
@media (max-width: 576px) {
    .pagination {
        flex-wrap: wrap; /* Перенос елементів на новий рядок */
        gap: 4px; /* Зменшуємо відстань між елементами */
    }

    .pagination .pager__item a {
        padding: 6px 10px; /* Зменшені відступи */
        font-size: 12px; /* Менший текст */
    }
}