/* Start:/local/templates/moment/components/bitrix/news/news-blog/bitrix/news.list/.default/style.css?17265278783420*/
/* Container that mimics Bootstrap's container class */
.container {
    width: 100%;
    max-width: 1150px; /* Control the maximum width similar to Bootstrap */
    margin-right: auto;
    margin-left: auto;
}

/* News list to ensure 4 cards per row */
.news__list {
    display: flex;
    flex-wrap: wrap;
    gap: 26px; 
    flex-direction: row; 
    margin-top: 103px;

}

/* News card styling */
.news__card {
    display: flex; 
    flex-direction: column;  
    box-sizing: border-box;
    text-decoration: none;
    width: calc(25% - 20px); /* Ensure 4 cards per row */
    margin-bottom: 100px;
	color: black;
	max-width: 275px;

}

.news__card:hover {
	opacity: 0.7;
	cursor: pointer;
}

.news__card img {
    max-width: 100%; 
    max-height: 400px;
}

.news__card .block__header {
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase; 
    font-size: 25px;
    margin-top: 15px;
    font-family: 'Montserrat';
}

.news__card p {
    font-family: 'Cormorant';
    font-size: 26px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 10px;
	text-align: left;
}


/* Responsive adjustments for tablets */
@media (max-width: 1200px) {
.container {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	}

	.news__list {
		margin-top: 30px;
    	justify-content: center;
		margin-bottom: 50px;
	}

    .news__card {
        width: calc(50% - 20px); /* 2 cards per row on tablet */
		margin-bottom: 30px;
    }

	.news__card .block__header {
		font-size: 20px;
		line-height: 20px;
	}

	.news__card p {
		font-size: 18px;
		line-height: 20px;
	}

}

/* Responsive adjustments for mobile */
@media (max-width: 480px) {
    .news__card {
        width: calc(100% - 20px); /* 1 card per row on mobile */
    }

    .news__card img {
        max-width: 100%; /* Adjust image size */
		height: auto;
    }
}


 .blue__container {
        width: 100%;
        background-color: #0BB9EC;
    }

    /* Top block container */
    .top__block__main-container {
        width: 100%;
        background-color: #0BB9EC;
        padding: 93px 0 76px 0px;
        max-width: 1150px;
    }

    /* Top block content */
    .top__block__main {
        max-width: 1320px;
        color: white;
    }

    /* Blog title */
    .top__block__main h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 70px;
        font-weight: 600;
        line-height: 85px;
        margin: 0;
    }

    /* Subtitle */
    .top__block__main .block__header {
        font-family: 'Cormorant', serif;
        font-size: 70px;
        font-weight: 600;
        line-height: 85px;
    }

    /* Responsive adjustments for tablets */
    @media (max-width: 1200px) {
        .top__block__main-container {
            padding: 15px 0 10px 50px;
        }

        .top__block__main {
            padding:0;
        }
        .top__block__main h1 {
            font-size: 20px; /* Slightly smaller font on tablets */
            line-height: 20px;
        }

        .top__block__main .block__header {
            font-size: 20px; /* Adjust subtitle font size */
            line-height: 20px;
        }
    }

    /* Responsive adjustments for mobile */
    @media (max-width: 480px) {
        .top__block__main h1 {
            font-size: 18px; /* Smaller font size on mobile */
        }

        .top__block__main .block__header {
            font-size: 18px; /* Smaller subtitle font size */
        }
    }

/* End */
/* /local/templates/moment/components/bitrix/news/news-blog/bitrix/news.list/.default/style.css?17265278783420 */