/*** 

====================================================================
	Blog One
====================================================================

***/

.blog-one {
	position: relative;
	padding: 90px 0px 100px;
}

.blog-one .inner-container {
	position: relative;
	padding: 30px 30px;
	border-radius: 12px;
	background-color: rgb(249, 249, 249);
}


.news-block_one {
	position: relative;
	margin-bottom: 10px;
}

.news-block_one-inner {
	position: relative;
}

.news-block_one.style-two .news-block_one-inner {
	padding: 15px 15px 30px;
	border-radius: 12px;
	background-color: rgb(249, 249, 249);
}

.news-block_one.style-two .news-block_one-content {
	padding-left: 20px;
}

.news-block_one-image {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.news-block_one-image img {
	position: relative;
	width: 100%;
	display: block;
}

.news-block_one-content {
	position: relative;
	padding-top: 22px;
}

.news-block_one-meta {
	position: relative;
}

.news-block_one-meta li {
	position: relative;
	font-size: 15px;
	margin-right: 10px;
	padding-right: 15px;
	display: inline-block;
	color: rgba(rgb(23, 27, 42), 1);
}

.news-block_one-meta li:before {
	position: absolute;
	content: '';
	right: -1px;
	top: 9px;
	width: 5px;
	height: 5px;
	opacity: 0.70;
	border-radius: 50px;
	background-color: rgb(23, 27, 42);
}

.news-block_one-meta li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.news-block_one-meta li:last-child::before {
	display: none;
}

.news-block_one-title {
	margin-top: 12px;
	color: rgb(23, 27, 42);
	text-transform: uppercase;
	font-weight: 600;
}

.news-block_one-title a {
	position: relative;
	color: rgb(23, 27, 42);
	text-decoration: none;
}

.news-block_one-title a:hover {
	color: #ECC36E;
}

.news-block_one-more {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	margin-top: 20px;
	display: inline-block;
	color: rgb(23, 27, 42);
}

.news-block_one-more:before {
	position: absolute;
	content: '';
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	height: 1px;
	transform: scale(0.05, 1);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-bottom: 2px solid #ECC36E;
}

.news-block_one-more:hover::before {
	opacity: 1;
	transform: scale(1, 1);
}

.news-block_one-more i {
	position: relative;
	font-size: 10px;
	font-weight: 700;
	margin-left: 5px;
	font-family: "flaticon_palace-icons";
}

.news-block_one-more:hover {
	color: #ECC36E;
}


/* css for modal */

.overlay-from {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	/* Black background with opacity */
	z-index: 1000;
	/* Ensure it is on top */
	display: none;
	/* Hide by default */
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 1001;
	/* Ensure it is above the overlay */
	display: none;
	/* Hide by default */
}

.popup-content {
	position: relative;
}

.close-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-size: 24px;
}


.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
	/* Dark background */
}

.modal-content {
	position: relative;
	margin: 10% auto;
	padding: 0;
	width: 90%;
	max-width: 1400px;
	border-radius: 20px;
}

.close {
	position: absolute;
	top: 10px;
	right: 25px;
	color: #000000;
	font-size: 32px;
	font-weight: bold;
	cursor: pointer;
	z-index: 1000;
}

/* end modal css  */



     input::placeholder {
                color: rgba(255, 255, 255, 0.8);
                /* Example color: semi-transparent white */
                opacity: 1;
                /* Ensures opacity works across all browsers */
            }

            textarea::placeholder {
                color: rgba(255, 255, 255, 0.8);
                /* Example color: semi-transparent white */
                opacity: 1;
                /* Ensures opacity works across all browsers */
            }

            .font-roman {
                font-family: "Times New Roman", Times, serif;
                font-weight: bold;
                /* This will apply bold styling */
            }

            .font-roman-light {
                font-family: "Times New Roman", Times, serif;

            }

            * {
                margin: 0px;
                padding: 0px;
            }

            video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: -1;
            }

            .overlay-2 {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 30%;
                background-color: rgba(0, 0, 0, 0.5);
                /* Adjust opacity as needed */
                z-index: 9998;
                /* Ensure it's above other content */
                display: none;
                /* Hide initially */
            }

            .popup {
                display: none;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                /* background-color: white; */
                padding: 20px;
                /* border: 2px solid black; */
                z-index: 9999;
            }

            .popup-content {
                text-align: center;
            }

            .close-icon {
                position: absolute;
                top: -35px;
                right: 25px;
                padding: 2px;
                color: #fff;
                font-size: 40px;
                cursor: pointer;
            }

            .popup-image {
                width: 100rem;
                /* Adjust the size of the image as needed */
                height: auto;
                margin-bottom: 20px;
            }

            .carousel-item {
                object-fit: fill;

            }

            @media (min-width: 2300px) {
                .container2 {
                    width: 1600px !important;
                }

                .form-control {
                    background: rgba(255, 255, 255, 0.5);
                    backdrop-filter: blur(10px);
                    -webkit-backdrop-filter: blur(10px);
                    border: 1px solid rgba(255, 255, 255, 0.3);
                    border-radius: 10px;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                }
            }

            @media (max-width: 768px) {
                .carousel-inner {
                    height: 25rem;
                }

                #typing,
                #typing-2,
                #typing-3 {
                    font-size: x-large !important;
                }

                .header3 {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                }

                .header3 video {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    height: 100%;
                    width: auto;
                    transform: translate(-50%, -50%);
                }

                .lead {
                    font-size: large !important;
                }

                .overlay-2 {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.5);
                    /* Adjust the opacity as needed */
                }

                .container {
                    position: relative;
                    z-index: 2;
                }

                h3 {
                    font-size: medium !important;
                }

                h2 {
                    font-size: medium !important;
                    margin-bottom: 15px !important;
                    text-transform: capitalize !important;
                }

                p {
                    font-size: small !important;

                }

                .honeycomb-cell__title {
                    font-size: medium !important;

                }

                .hidden {
                    display: none !important;
                }
            }

            #search {
                position: absolute;
                top: 65vh;
                /* Adjust this value based on the height of your logo */
                left: 50%;
                transform: translateX(-50%);
                z-index: 10;
            }

            .glass-effect {
                background: rgba(88, 88, 88, 0.2);
                backdrop-filter: blur(3px);
                -webkit-backdrop-filter: blur(10px);
                border-radius: 30px;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.3);
                /* light semi-transparent border */
            }

            .glass-input {
                background: rgba(0, 0, 0, 0.2);
                backdrop-filter: blur(4px);
                -webkit-backdrop-filter: blur(10px);
                border-radius: 30px;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                color: white;
                border: 1px solid rgba(255, 255, 255, 0.5);

            }

            .display-3 {
                font-family: Philosopher !important;
                text-transform: capitalize !important;
            }

            .bg-img {
                background-size: cover;
                background-position: center;
                position: relative;
            }

            .bg-img::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.6);
                /* Black mask with 60% opacity */
                transition: background 0.4s ease-in-out;
                /* Smooth transition for the overlay */
            }

            .bg-img:hover::before {
                background: rgba(0, 0, 0, 0);
                /* Remove black mask on hover */
            }

            .circle-gallery {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .circle-item {
                position: relative;
                margin: 20px;
                width: 155px;
                height: 155px;
                border-radius: 50%;
                overflow: hidden;
                cursor: pointer;
                transition: transform 0.3s;
                background-color: #f0f0f0;
                /* Optional: add a background color for loading images */
            }

            .circle-item:hover {
                transform: scale(1.2);
                transition: transform 0.3s;

            }

            .circle-item__image {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 50%;
            }

            .circle-item__title {
                position: absolute;
                bottom: 35%;
                left: 50%;
                transform: translateX(-50%);
                color: #fff;
                font-size: 14px;
                text-align: center;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
            }

            .circle-gallery a {
                display: block;
                text-decoration: none;
                color: inherit;
            }

            .circle-item:hover .circle-item__title {
                opacity: 1;
            }

            /* Custom cursor */
            .circle-item {
                cursor: url('/assets/icon/custom-cursor.png'), auto;
                /* Replace with the path to your custom cursor image */
            }

            .service-effect {
                transition: 0.5s
                    /* Smooth transition */
            }

            .service-effect:hover {

                transform: scale(1.08);
                /* Slightly enlarge on hover */
            }

            /* Ensure the hover effect works correctly */
            .hover-effect {
                transition: background-color 0.3s ease, color 0.3s ease;
            }

            .hover-effect:hover {
                background-color: white !important;
                color: black !important;
            }

            .shape-one {
                position: absolute;
                left: 5px;
                top: 20px;
                width: 50%;
                height: 560px;
                background-image: url(../images/shape.png);
            }