/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 19:03:45 */
.clau_gallery-section * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.last-gal-dev {
    height: 205px;
}
.clau_gallery-section {
	max-width: 1400px;
	margin: 0 auto;
	background-color: white;
	border-radius: 0px;
	overflow: hidden;
}

.clau_gallery-container {
	display: flex;
	gap: 12px;
}

.clau_gallery-left {
	width: 60%;
/* 	padding: 20px;
	background-color: #f9f9f9; */
}

.clau_active-image-container {
	width: 100%;
	height: 340px;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_active-image {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.clau_gallery-right {
	width: 40%;
}

.clau_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000000;
}

.clau_thumbnails-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 3px;
}

.clau_thumbnail-wrapper {
	aspect-ratio: 1;
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
	border: 3px solid transparent;
	transition: all 0.3s ease;
}

.clau_thumbnail-wrapper:hover {
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_thumbnail-wrapper.clau_active {
	border-color: #163993;
}

.clau_thumbnail {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
}


#elementor-popup-modal-711 .dialog-message
{
    width: 1150px !important;
}

/* =============Large - Laptop=================== */
@media (min-width: 1367px) and (max-width: 1450px) {

	#elementor-popup-modal-711 .dialog-message
	{
		width: 950px !important;
	}
	.clau_active-image-container {
    	height: 300px;
	}


}
/* =============Laptop=================== */
@media (min-width: 1025px) and (max-width: 1366px) {

	#elementor-popup-modal-711 .dialog-message
	{
		width: 850px !important;
	}
	.clau_active-image-container {
    	height: 270px;
	}


}


@media (max-width: 1024px) {
	.clau_gallery-container {
		flex-direction: column;
	}

	.clau_gallery-left,
	.clau_gallery-right {
		width: 100%;
	}

	.clau_thumbnails-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

@media (max-width: 768px) {
	.clau_thumbnails-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.clau_active-image-container {
		height: 400px;
	}

	.clau_gallery-title {
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.clau_thumbnails-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.clau_active-image-container {
		height: 300px;
	}
}


/* main gallery 1 */

.clau_one_gallery-section *, .clau_two_gallery-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clau_one_gallery-section {
    max-width: 1400px;
    margin: 0 auto;
    background-color: white;
    border-radius: 0px;
    overflow: hidden;
}

.clau_one_gallery-container {
    display: flex;
    gap: 12px;
}

.clau_one_gallery-left {
    width: 60%;
}

.clau_one_active-image-container {
    width: 100%;
    height: 340px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_one_active-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.clau_one_gallery-right {
    width: 40%;
}

.clau_one_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000000;
}

.clau_one_thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
}

.clau_one_thumbnail-wrapper {
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.3s ease;
}

.clau_one_thumbnail-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_one_thumbnail-wrapper.clau_one_active {
    border-color: #163993;
}

.clau_one_thumbnail {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Elementor popup width */
#elementor-popup-modal-711 .dialog-message {
    width: 1150px !important;
}

/* Large Laptop */
@media (min-width: 1367px) and (max-width: 1450px) {
    #elementor-popup-modal-711 .dialog-message {
        width: 950px !important;
    }
    .clau_one_active-image-container {
        height: 300px;
    }
}

/* Laptop */
@media (min-width: 1025px) and (max-width: 1366px) {
    #elementor-popup-modal-711 .dialog-message {
        width: 850px !important;
    }
    .clau_one_active-image-container {
        height: 270px;
    }
}

@media (max-width: 1024px) {
    .clau_one_gallery-container {
        flex-direction: column;
    }
    .clau_one_gallery-left,
    .clau_one_gallery-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .clau_one_thumbnails-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .clau_one_active-image-container {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .clau_one_thumbnails-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .clau_one_active-image-container {
        height: 300px;
    }
}
.gallery-left-1:hover{
	cursor: pointer;
}
.gallery-left-1 {
    height: 417px;
	min-height: 417px;
    object-fit: cover;
}
.gallery-right-1:hover, .gallery-right-2:hover, .gallery-right-3:hover, .gallery-right-4:hover{
  cursor: pointer;
}
.gallery-right-1, .gallery-right-2, .gallery-right-3, .gallery-right-4 {
    height: 205px;
  min-height: 205px;
    object-fit: cover;
}


.clau_two_gallery-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clau_two_gallery-section {
    max-width: 1400px;
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
}

.clau_two_gallery-container {
    display: flex;
    gap: 12px;
}

.clau_two_gallery-left {
    width: 60%;
}

.clau_two_active-image-container {
    width: 100%;
    height: 340px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_two_active-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.clau_two_gallery-right {
    width: 40%;
}

.clau_two_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000;
}

.clau_two_thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
}

.clau_two_thumbnail-wrapper {
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.3s ease;
}

.clau_two_thumbnail-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_two_thumbnail-wrapper.clau_two_active {
    border-color: #163993;
}

.clau_two_thumbnail {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 1024px) {
    .clau_two_gallery-container {
        flex-direction: column;
    }
    .clau_two_gallery-left,
    .clau_two_gallery-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .clau_two_thumbnails-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .clau_two_active-image-container {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .clau_two_thumbnails-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .clau_two_active-image-container {
        height: 300px;
    }
}


.clau_three_gallery-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clau_three_gallery-section {
    max-width: 1400px;
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
}

.clau_three_gallery-container {
    display: flex;
    gap: 12px;
}

.clau_three_gallery-left {
    width: 60%;
}

.clau_three_active-image-container {
    width: 100%;
    height: 340px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_three_active-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.clau_three_gallery-right {
    width: 40%;
}

.clau_three_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000;
}

.clau_three_thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
}

.clau_three_thumbnail-wrapper {
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.3s ease;
}

.clau_three_thumbnail-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_three_thumbnail-wrapper.clau_three_active {
    border-color: #163993;
}

.clau_three_thumbnail {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Elementor popup width */
#elementor-popup-modal-711 .dialog-message {
    width: 1150px !important;
}

/* Large Laptop */
@media (min-width: 1367px) and (max-width: 1450px) {
    #elementor-popup-modal-711 .dialog-message { width: 950px !important; }
    .clau_three_active-image-container { height: 300px; }
}

/* Laptop */
@media (min-width: 1025px) and (max-width: 1366px) {
    #elementor-popup-modal-711 .dialog-message { width: 850px !important; }
    .clau_three_active-image-container { height: 270px; }
}

@media (max-width: 1024px) {
    .clau_three_gallery-container { flex-direction: column; }
    .clau_three_gallery-left,
    .clau_three_gallery-right { width: 100%; }
}

@media (max-width: 768px) {
    .clau_three_thumbnails-grid { grid-template-columns: repeat(4, 1fr); }
    .clau_three_active-image-container { height: 400px; }
}

@media (max-width: 480px) {
    .clau_three_thumbnails-grid { grid-template-columns: repeat(3, 1fr); }
    .clau_three_active-image-container { height: 300px; }
}


.clau_four_gallery-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clau_four_gallery-section {
    max-width: 1400px;
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
}

.clau_four_gallery-container {
    display: flex;
    gap: 12px;
}

.clau_four_gallery-left {
    width: 60%;
}

.clau_four_active-image-container {
    width: 100%;
    height: 340px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_four_active-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.clau_four_gallery-right {
    width: 40%;
}

.clau_four_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000;
}

.clau_four_thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
}

.clau_four_thumbnail-wrapper {
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.3s ease;
}

.clau_four_thumbnail-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_four_thumbnail-wrapper.clau_four_active {
    border-color: #163993;
}

.clau_four_thumbnail {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

@media (max-width: 1024px) {
    .clau_four_gallery-container {
        flex-direction: column;
    }
    .clau_four_gallery-left,
    .clau_four_gallery-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .clau_four_thumbnails-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .clau_four_active-image-container {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .clau_four_thumbnails-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .clau_four_active-image-container {
        height: 300px;
    }
}


.clau_five_gallery-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clau_five_gallery-section {
    max-width: 1400px;
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
}

.clau_five_gallery-container {
    display: flex;
    gap: 12px;
}

.clau_five_gallery-left {
    width: 60%;
}

.clau_five_active-image-container {
    width: 100%;
    height: 340px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.clau_five_active-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.clau_five_gallery-right {
    width: 40%;
}

.clau_five_gallery-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #000;
}

.clau_five_thumbnails-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
}

.clau_five_thumbnail-wrapper {
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.3s ease;
}

.clau_five_thumbnail-wrapper:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.clau_five_thumbnail-wrapper.clau_five_active {
    border-color: #163993;
}

.clau_five_thumbnail {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Popup width */
#elementor-popup-modal-711 .dialog-message {
    width: 1150px !important;
}

/* Large Laptop */
@media (min-width: 1367px) and (max-width: 1450px) {
    #elementor-popup-modal-711 .dialog-message { width: 950px !important; }
    .clau_five_active-image-container { height: 300px; }
}

/* Laptop */
@media (min-width: 1025px) and (max-width: 1366px) {
    #elementor-popup-modal-711 .dialog-message { width: 850px !important; }
    .clau_five_active-image-container { height: 270px; }
}

@media (max-width: 1024px) {
    .clau_five_gallery-container { flex-direction: column; }
    .clau_five_gallery-left,
    .clau_five_gallery-right { width: 100%; }
}

@media (max-width: 768px) {
    .clau_five_thumbnails-grid { grid-template-columns: repeat(4, 1fr); }
    .clau_five_active-image-container { height: 400px; }
}

@media (max-width: 480px) {
    .clau_five_thumbnails-grid { grid-template-columns: repeat(3, 1fr); }
    .clau_five_active-image-container { height: 300px; }
}