@charset "utf-8";

/* ___________________ Header Starts _______________________*/
.navbar-default {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
}

/* .navbar-default .container{ position:relative; }
.navbar-default .menu-block{ position:absolute; top:30px; right:0; z-index:999; } */
.stellarnav {
	transition: all 0.3s ease-in-out;
}

/*-- Moblie Menu 1 --*/
.stellarnav .menu-toggle span.bars span {
	width: 35px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.stellarnav.active .bars span:nth-child(2) {
	opacity: 0;
}

.stellarnav.active .bars span:nth-child(1) {
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}

.stellarnav.active .bars span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
}

header {
	box-shadow: 0px 0px 24px 0px rgba(41, 41, 41, 0.1);
}

.top-bar {
	overflow-x: hidden;
}

.top-bar .content {
	background-color: var(--secondary-color);
	display: flex;
	gap: clamp(20px, 6.771vw, 130px);
	position: relative;
	z-index: 999;
	padding-block: 15px;
	align-items: center;
}

.top-bar .content::after {
	content: "";
	height: 100%;
	width: 200%;
	background-color: var(--secondary-color);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.top-bar .content li a {
	color: var(--light-color);
	font-weight: 500;
	display: flex;
	gap: 10px;
	align-items: center;
}

.top-bar .content .design-element {
	position: absolute;
	left: -94px;
	top: 0;
	height: 100%;
	z-index: -1;
}

.top-bar .content .design-element svg {
	width: 101px;
	height: 100%;
	fill: var(--secondary-color);
}

.top-bar .row {
	--bs-gutter-y: 0;
}

.top-bar .mobile {
	display: none;
}

.navbar-default {
	padding-bottom: 30px;
}

.navbar-default .stellarnav>ul>li>a {
	padding: 45px 15px 0;
}

.navbar-default .stellarnav>ul>li:last-child>a {
	padding-right: 0 !important;
}

.navbar-default .stellarnav>ul>li:first-child>a {
	padding-left: 0 !important;
}

.navbar-default .stellarnav ul li.active a {
	color: var(--secondary-color);
}

.stellarnav li.has-sub>a::after {
	border-top: 6px solid var(--dark-color);
}

.navbar-default .logo-block a img {
	max-width: clamp(200px, 18.229vw, 350px);
}

.stellarnav .call-btn-mobile,
.stellarnav .close-menu,
.stellarnav .location-btn-mobile,
.stellarnav .menu-toggle {
	padding: 0;
}

.stellarnav .menu-toggle span.bars {
	margin-right: 0;
}

.navbar-default .stellarnav>ul>li>a {
	transition: color 0.2s ease;
}

.navbar-default .stellarnav>ul>li:hover>a {
	color: var(--secondary-color);
}

.navbar-default .stellarnav>ul>li.active>a {
	color: var(--secondary-color);
}

.navbar-default .stellarnav ul li.active ul li a {
	color: inherit;
}

.navbar-default .stellarnav ul ul li a {
	transition: color 0.2s ease;
}

.navbar-default .stellarnav ul ul li a:hover {
	color: var(--secondary-color);
}

.stellarnav li.has-sub>a::after {
	border-top-color: var(--dark-color);
}

.stellarnav li.has-sub:hover>a::after {
	border-top-color: var(--secondary-color);
}

.navbar-default .stellarnav ul ul li>a {
	transition: color 0.2s ease;
}

.navbar-default .stellarnav ul ul li:hover>a {
	color: var(--secondary-color) !important;
}

/* ___________________ Header end _______________________*/

/* ___________________ home hero section start _______________________*/
.home-hero-section {
	padding-block: clamp(74px, 9.635vw, 185px) clamp(74px, 14.844vw, 285px);
	position: relative;
	overflow: hidden;
}

.home-hero-section .design-element-1 {
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
}

.home-hero-section .design-element-1 svg {
	width: 100%;
}

.home-hero-section .design-element-2 {
	position: absolute;
	bottom: 22.51%;
	left: 1.2%;
	z-index: 999;
	width: 100%;
}

.home-hero-section .design-element-2 svg {
	width: 29.53%;
	fill: var(--primary-color);
}

.home-hero-section .design-element-3 {
	position: absolute;
	top: 9.77%;
	left: 8.33%;
	z-index: 999;
	width: 100%;
}

.home-hero-section .design-element-3 svg {
	width: 11.41%;
	fill: var(--primary-color);
}

.home-hero-section .content-box {
	background-color: #00000070;
	color: var(--light-color);
	padding: clamp(21px, 2.188vw, 42px) clamp(18px, 1.875vw, 36px);
	border-radius: 30px;
	backdrop-filter: blur(10px);
    border: 1px solid #676767;
}

.home-hero-section .content-box .title-1 {
	margin-block: clamp(15px, 1.094vw, 21px) clamp(18px, 1.875vw, 36px);
}

.home-hero-section .content-box p {
	font-size: var(--ucg-font-size-20);
}

.home-hero-section .content-box a {
	margin-top: clamp(18px, 1.875vw, 36px);
}

.home-hero-section .content-box .sub-title-2::after {
	background-color: #fff;
}

.home-hero-section .content-box {
	position: relative;
	z-index: 999;
}

/* ___________________ home hero section end _______________________*/

/* ___________________ about us section start _______________________*/
.about-us-section {
	padding-block: clamp(25px, 2.604vw, 50px) clamp(41px, 4.688vw, 90px);
}

.about-us-section .img-wrapper {
	height: 100%;
	box-shadow: 0px 10px 20px 0px rgba(41, 41, 41, 0.08);
	border: 11px solid var(--light-color);
	overflow: hidden;
	border-radius: 500px;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
}

.about-us-section .content-wrapper .title-1 {
	margin-block: 22px;
}

.about-us-section .content-wrapper .title-1+p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
	margin: 0 0 20px 0;
}

.about-us-section .content-wrapper a {
	margin-top: clamp(20px, 2.031vw, 39px);
}

.about-us-section .content-wrapper ul li {
	display: flex;
	gap: clamp(21px, 1.563vw, 30px);
}

.about-us-section .content-wrapper ul li .icon {
	background-color: var(--light-color);
	width: 80px;
	height: 80px;
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-us-section .content-wrapper ul {
	position: relative;
}

.about-us-section .content-wrapper ul::after {
	content: "";
	height: 100%;
	width: 1px;
	top: 0;
	left: 40px;
	position: absolute;
	background-color: var(--primary-color);
	z-index: -1;
}

.about-us-section .content-wrapper ul li+li {
	margin-top: clamp(25px, 2.604vw, 50px);
}

.about-us-section .content-wrapper ul li .text-content {
	max-width: calc(100% - 110px);
}

.about-us-section .content-wrapper ul li .text-content h4 {
	margin-bottom: 16px;
	color: var(--primary-color);
	font-weight: 700;
	font-size: var(--ucg-font-size-24);
}

.about-us-section .content-wrapper ul li .text-content p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
}

.about-quote-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 999;
    transform: translateY(-100%);
    background-color: #085E57;
    color: #fff;
    width: 30px;
    aspect-ratio: 1;
    border-radius: 5px;
    line-height: 1;
}

.about-quote-slider button.slick-prev {
    left: 0;
}

.about-quote-slider button.slick-next {
    right: 0;
}

.about-quote-slider ul.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.about-quote-slider ul.slick-dots li button{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ccc;
	display: block;
	font-size: 0;
}

.about-quote-slider ul.slick-dots li.slick-active button{
	background-color: #085E57;
}



/* ___________________ about us section end _______________________*/

/* ___________________ welcome section start _______________________*/
.welcome-section {
	padding-block: clamp(38px, 4.427vw, 85px) clamp(45px, 5.208vw, 100px);
	background-color: var(--gray-color);
}

.welcome-section .title-1 {
	margin-block: clamp(18px, 1.302vw, 25px) clamp(36px, 4.167vw, 80px);
}

.welcome-section .box {
	background-color: var(--primary-color);
	text-align: center;
	padding: clamp(21px, 2.135vw, 41px) clamp(21px, 1.563vw, 30px) clamp(18px, 1.875vw, 36px);
	border-radius: 12px;
	color: var(--light-color);
}

.welcome-section .box .icon {
	height: clamp(50px, 4.427vw, 85px);
	width: auto;
	display: flex;
	justify-content: center;
}

.welcome-section .box .icon img {
	width: auto;
	height: 100%;
	filter: brightness(0) invert(1);
}

.welcome-section .box h4 {
	margin-block: clamp(17px, 1.25vw, 24px) clamp(22px, 1.615vw, 31px);
}

/* ___________________ welcome section end _______________________*/

/* ___________________ our team section start_______________________*/
.our-team-secton {
	padding-block: clamp(41px, 4.688vw, 90px) 0;
}

.our-team-secton .title-1 {
	margin-block: clamp(15px, 1.094vw, 21px) clamp(35px, 4.01vw, 77px);
}

.our-team-secton .mySwiper {
	padding-bottom: clamp(41px, 4.688vw, 90px);
}

.our-team-secton .slider-block .single-slide {
	border: 1px solid var(--primary-color);
	box-shadow: 0px 8px 30px 0px rgba(41, 41, 41, 0.1);
	padding: clamp(21px, 2.135vw, 41px) clamp(20px, 1.458vw, 28px) clamp(18px, 1.875vw, 36px);
	border-radius: 12px;
	text-align: center;
}

.our-team-secton .slider-block .single-slide .image-wrapper {
	border-radius: 50%;
	overflow: hidden;
	width: clamp(100px, 8.177vw, 157px);
	aspect-ratio: 1/1;
	margin: 0 auto;
	margin-bottom: clamp(18px, 1.875vw, 36px);
	border: 4px solid var(--primary-color);
}

.our-team-secton .slider-block .single-slide h4 {
	padding-block: clamp(14px, 1.042vw, 20px);
	font-size: var(--ucg-font-size-28);
	color: var(--primary-color);
	font-weight: 700;
	position: relative;
	display: inline-block;
}

.our-team-secton .slider-block .single-slide h4::before {
	content: "";
	height: 2px;
	width: 68.49%;
	background-color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.our-team-secton .slider-block .single-slide p {
	min-height: 48px;
}

.our-team-secton .slider-block {
	position: relative;
}

.our-team-secton .slider-block {
	position: relative;
}

.our-team-secton .slider-block .swiper-team-prev,
.slider-block .swiper-team-next {
	position: absolute;
	top: calc(50% - 45px);
	width: 47px;
	height: 47px;
	background: var(--primary-color);
	border-radius: 50%;
	color: #000;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}

.our-team-secton .slider-block .swiper-team-prev {
	left: clamp(-28px, -3.281vw, -63px);
}

.our-team-secton .slider-block .swiper-team-next {
	right: clamp(-28px, -3.281vw, -63px);
}

.our-team-secton .slider-block .swiper-team-prev,
.slider-block .swiper-team-next i {
	color: var(--light-color);
}

/* ___________________ our team section end_______________________*/

.testimonials-section {
	background: var(--primary-color);
	background-image: url("../images/testimonials-bg-pattern.png");
	padding-block: clamp(45px, 5.208vw, 100px) clamp(50px, 5.729vw, 110px);
	background-attachment: fixed;
	background-size: 800px;
}

.testimonials-section .left-block {
	color: var(--light-color);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.testimonials-section .left-block .sub-title-1::before,
.testimonials-section .left-block .sub-title-1::after {
	background-color: var(--light-color);
}

.testimonials-section .left-block .title-1 {
	margin-block: clamp(16px, 1.198vw, 23px);
}

.testimonials-section .left-block .btn-group {
	display: flex;
	gap: 18px;
}

.testimonials-section .left-block .btn-group .swiper-testi-prev,
.testimonials-section .left-block .btn-group .swiper-testi-next {
	height: 45px;
	width: 45px;
	background-color: var(--light-color);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--primary-color);
}

.testimonials-section .single-slide {
	background-color: var(--light-color);
	color: var(--dark-color);
	padding: clamp(18px, 1.302vw, 25px) clamp(14px, 1.042vw, 20px);
	border-radius: 12px;
}

.testimonials-section .single-slide .icon {
	background-color: var(--primary-color);
	height: 44px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--light-color);
}

.testimonials-section .single-slide p {
	margin-block: clamp(14px, 1.042vw, 20px) clamp(34px, 3.906vw, 75px);
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
}

.testimonials-section .single-slide h4 {
	font-size: var(--ucg-font-size-18);
	color: var(--primary-color);
}

.contact-section {
	padding-block: clamp(43px, 4.948vw, 95px) clamp(41px, 4.688vw, 90px);
}

.contact-section.reverse .main-block>.row {
	flex-direction: row-reverse;
}

.contact-section.reverse .title-1 {
	color: var(--dark-color);
}

.contact-section.reverse form [class^="col-"]:has(input[type="submit"]) {
	display: unset;
}

.contact-section form [class^="col-"]:has(input[type="submit"]) {
	display: flex;
	justify-content: end;
}

.contact-section .contact-quote {
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0px 8px 30px 0px rgba(41, 41, 41, 0.1);
}

.contact-section .contact-quote h5 {
	color: #14a79a;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
}

.contact-section .contact-quote em {
	display: block;
	margin: 0 0 10px 0;
}


.contact-section .title-1 {
	margin-block: clamp(11px, 0.781vw, 15px) clamp(34px, 3.906vw, 75px);
}

.contact-section .left-block ul li {
	display: flex;
	gap: clamp(13px, 1.302vw, 25px);
	align-items: center;
}

.contact-section .left-block ul li .icon {
	background-color: var(--primary-color);
	border-radius: 50%;
	width: 45px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--light-color);
	font-size: 20px;
}

.contact-section .left-block ul li+li {
	margin-top: clamp(20px, 2.3vw, 30px);
	padding-top: clamp(20px, 2.3vw, 30px);
	border-top: 1px solid #efefef;
}

.contact-section .left-block h4 {
	font-size: var(--ucg-font-size-24);
	font-weight: 700;
	color: var(--primary-color);
}

.contact-section .left-block a {
	color: var(--dark-color);
	font-size: var(--ucg-font-size-20);
	transition: color 0.25s ease;
}

.contact-section .left-block a:hover {
	color: var(--primary-color);
}

.contact-section .form-block {
	box-shadow: 0px 8px 30px 0px rgba(41, 41, 41, 0.1);
	border-radius: 12px;
	background-color: var(--light-color);
	padding: 30px;
}

.contact-section .form-block label {
	margin-bottom: clamp(7px, 0.521vw, 10px);
}

.contact-section .form-block label span {
	color: var(--secondary-color);
}

.contact-section .form-block .form-control {
	height: 50px;
}

.contact-section .form-block textarea {
	min-height: 120px;
	resize: none;
}

footer {
	background-color: var(--dark-color);
	color: var(--light-color);
}

footer .main-block {
	padding-block: clamp(45px, 5.208vw, 100px) clamp(25px, 2.604vw, 50px);
}

footer .logo-wrapper {
	max-width: clamp(250px, 18.229vw, 350px);
	margin-bottom: clamp(18px, 1.823vw, 35px);
}

footer .box p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
}

footer .box ul li {
	font-size: var(--ucg-font-size-18);
}

footer .box ul li a {
	transition: 0.3s ease-in-out;
}

footer .box ul li a:hover {
	transform: translateX(3px);
	transition: 0.3s ease-in-out;
}

footer .box ul li+li {
	margin-top: clamp(14px, 1.042vw, 20px);
}

footer .box hr {
	margin-block: clamp(14px, 1.042vw, 20px);
}

footer .box ul li .smedia {
	background-color: var(--light-color);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

footer .box ul li:has(.smedia) {
	display: flex;
	align-items: center;
	gap: 15px;
}

footer a {
	color: var(--light-color);
}

footer .box .logo-wrapper-2 {
    max-width: 250px;
}

footer .copy-right {
	padding-block: clamp(13px, 1.302vw, 25px);
	border-top: 1px solid #ffffff1c;
}

footer .copy-right p {
	text-align: center;
}

footer .copy-right p a {
	font-weight: 700;
}

/* ----------------- inner page css start here ----------------*/

.inner-hero-section {
	padding-block: clamp(60px, 7.813vw, 150px);
	position: relative;
}

.inner-hero-section h1 {
	color: var(--primary-color);
}

.inner-hero-section .design-element {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 33.33%;
}

.inner-hero-section .design-element img {
	height: 100%;
	width: 100%;
}

.inner-about-page-main-section {
	padding-block: clamp(41px, 4.688vw, 90px);
}

.inner-about-page-main-section .img-wrapper {
	height: 100%;
	border-radius: 30px;
	overflow: hidden;
}

.inner-about-page-main-section h3 {
	margin-bottom: clamp(17px, 1.719vw, 33px);
}

.inner-about-page-main-section p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
}

.inner-about-page-main-section p:has(+ *) {
	margin-bottom: clamp(28px, 2.865vw, 55px);
}

.inner-about-page-main-section p+p {
	margin-top: clamp(18px, 1.823vw, 35px);
}

.inner-about-page-main-section article {
	background-color: var(--primary-color);
	color: var(--light-color);
	padding: clamp(16px, 1.198vw, 23px) clamp(21px, 1.563vw, 30px) clamp(18px, 1.302vw, 25px);
	border-radius: 20px;
}

.inner-about-page-main-section article p {
	margin-bottom: 0;
}

.inner-about-page-main-section article h4 {
	margin-bottom: clamp(21px, 1.563vw, 30px);
	font-size: var(--ucg-font-size-28);
}

.inner-about-page-main-section .primary-btn-1 {
	margin-top: clamp(21px, 1.563vw, 30px);
}

.inner-about-page-main-section .row+.row {
	margin-top: clamp(21px, 1.563vw, 30px);
}

.inner-about-page-main-section blockquote {
	background-color: #ecfcfb;
	padding: clamp(32px, 3.646vw, 70px) clamp(21px, 1.563vw, 30px) clamp(30px, 3.125vw, 60px);
	border-radius: 30px;
	border: 1px dashed var(--primary-color);
	position: relative;
	margin-inline: 10px;
}

.inner-about-page-main-section blockquote .content {
	max-width: 560px;
	margin: 0 auto;
	text-align: center;
}

.inner-about-page-main-section blockquote .content p {
	font-size: var(--ucg-font-size-22);
	font-style: italic;
	margin-bottom: clamp(20px, 2.083vw, 40px);
}

.inner-about-page-main-section blockquote .content h5 {
	font-size: var(--ucg-font-size-22);
	font-style: italic;
	font-weight: 400;
}

.inner-about-page-main-section blockquote::after,
.inner-about-page-main-section blockquote::before {
	content: "";
	background-image: url("../images/quotes.1.png");
	width: 4%;
	aspect-ratio: 1 / 0.74;
	position: absolute;
	top: 8.62%;
	left: 3.19%;
	background-repeat: no-repeat;
	background-size: contain;
}

.inner-about-page-main-section blockquote::after {
	left: unset;
	top: unset;
	right: 3.19%;
	bottom: 8.62%;
	transform: rotate(180deg);
}

.inner-top-section-widget-1 {
	padding-block: clamp(41px, 4.688vw, 90px) clamp(32px, 3.646vw, 70px);
}
.inner-top-section-widget-1 .left-block{
    position: sticky;
    top: 0;
}
.inner-top-section-widget-1 .left-block p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.5556;
}

.inner-top-section-widget-1 .left-block *+p {
	margin-top: clamp(17px, 1.719vw, 33px);
}

.inner-top-section-widget-1 .left-block a {
	color: var(--dark-color);
	text-decoration: underline;
}

.inner-top-section-widget-1 .left-block *+ol,
.inner-top-section-widget-1 .left-block *+ul {
	margin-top: clamp(21px, 2.188vw, 42px);
}

.inner-top-section-widget-1 .left-block ol {
	padding-left: 18px;
}

.inner-top-section-widget-1 .left-block ol li::marker {
	font-weight: 700;
}

.inner-top-section-widget-1 .left-block ol li {
	font-size: var(--ucg-font-size-18);
}

.inner-top-section-widget-1 .left-block ol li+li {
	margin-top: clamp(13px, 0.938vw, 18px);
}

.inner-top-section-widget-1 .left-block ul li {
	position: relative;
	font-size: var(--ucg-font-size-18);
	line-height: 1;
	padding-left: 23px;
}

.inner-top-section-widget-1 .left-block ul li+li {
	margin-top: clamp(13px, 0.938vw, 18px);
}

.inner-top-section-widget-1 .left-block ul li::before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Font Awesome 6 Pro";
	color: var(--primary-color);
}

.inner-top-section-widget-1 .right-block {
	border-radius: 15px;
	overflow: hidden;
}

.inner-top-section-widget-1 .right-block+.right-block {
	margin-top: clamp(15px, 1.563vw, 30px);
}

.art-gallery-section {
	padding-block: clamp(41px, 4.688vw, 90px);
}

.art-gallery-section .box {
	display: block;
	--box-height: clamp(250px, 29.167vw, 560px);
	height: var(--box-height);
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	cursor: zoom-in;
}

.art-gallery-section .box::after {
	content: "";
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.15) 35%,
			rgba(0, 0, 0, 0.45) 65%,
			rgba(0, 0, 0, 0.85) 100%);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.art-gallery-section .box::before {
	content: "\f31d";
	position: absolute;
	left: 6.08%;
	bottom: 4.46%;
	font-family: "Font Awesome 6 Pro";
	color: var(--light-color);
	z-index: 999;
	font-weight: 400;
	font-size: 18px;
}

.art-gallery-section [class^="col-"]:has(.row)>.box {
	height: calc(var(--box-height) / 2);
	margin-bottom: 24px;
}

.art-gallery-section [class^="col-"] .row .box {
	height: calc((var(--box-height) / 2) - 24px);
}

.art-gallery-section .box {
	transform-style: preserve-3d;
	transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.art-gallery-section .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateZ(-20px);
	transition: transform 0.45s ease;
}

.art-gallery-section .box::after {
	transform: translateZ(0);
}

.art-gallery-section .box::before {
	transform: translateZ(30px);
}

.art-gallery-section .box .glass-reflect {
	pointer-events: none;
}

.art-gallery-section .box:hover {
	transform: perspective(900px) rotateX(6deg) rotateY(-6deg);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25),
		inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.art-gallery-section .box:hover img {
	transform: scale(1.08) translateZ(-40px);
}

.art-gallery-section .box:hover::after {
	opacity: 1;
}

.art-gallery-section .box:hover::before {
	transform: translateZ(45px) translateY(-6px);
}

.art-gallery-section .box::marker {
	display: none;
}

.art-gallery-section .box::selection {
	background: none;
}

.art-gallery-section .box::before,
.art-gallery-section .box::after {
	backface-visibility: hidden;
}

.art-gallery-section .box::after {
	background: linear-gradient(135deg,
			rgba(255, 255, 255, 0.18),
			rgba(255, 255, 255, 0) 40%),
		linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.box-container-widget-1 {
	padding-block: clamp(41px, 4.688vw, 90px);
}

.box-container-widget-1 .box {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1 / 0.8;
}

.box-container-widget-1 .box::after {
	content: "";
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.15) 35%,
			rgba(0, 0, 0, 0.45) 65%,
			rgba(0, 0, 0, 0.85) 100%);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.box-container-widget-1 .box .content {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 clamp(16px, 1.458vw, 28px) 20px;
	z-index: 999;
	color: var(--light-color);
}

/* .box-container-widget-1 .box .content:has(p) {
  margin-bottom: 0;
} */
.box-container-widget-1 .box .content p {
	padding-top: clamp(9px, 0.677vw, 13px);
	margin-top: clamp(9px, 0.677vw, 13px);
	border-top: 1px solid #ffffff33;
	line-height: 1.5;
	font-size: 13px;
}

.box-container-widget-1 .box .content h3 {
	font-size: var(--ucg-font-size-22);
}

.box-container-widget-1 .row {
	--bs-gutter-y: 24px;
	justify-content: center;
}

.box-container-widget-1 .box {
	transition: transform 0.4s ease;
}

.box-container-widget-1 .box::after {
	transition: opacity 0.4s ease;
}

.box-container-widget-1 .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.box-container-widget-1 .box .content {
	transition: transform 0.35s ease;
}

.box-container-widget-1 .box:hover img {
	transform: scale(1.05);
}

.box-container-widget-1 .box:hover::after {
	opacity: 1;
}

.box-container-widget-1 .box:hover .content {
	transform: translateY(-10px);
}

.inner-oor-team-page-main-section {
	padding-block: clamp(41px, 4.688vw, 90px);
}

.inner-oor-team-page-main-section .box-contaier {
	margin-top: clamp(36px, 4.167vw, 80px);
}

.inner-oor-team-page-main-section .box {
	background-color: var(--primary-color);
	color: var(--light-color);
	padding: clamp(20px, 2.083vw, 40px) clamp(18px, 1.823vw, 35px);
	border-radius: 16px;
	height: 100%;
}

.inner-oor-team-page-main-section .box .top-block {
	display: flex;
	gap: clamp(13px, 1.302vw, 25px);
	margin-bottom: clamp(20px, 2.083vw, 40px);
}

.inner-oor-team-page-main-section .box .top-block .image-wrapper {
	height: clamp(120px, 9.167vw, 176px);
	width: clamp(120px, 9.167vw, 176px);
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--light-color);
}

.inner-oor-team-page-main-section .box .top-block .text-block {
	width: calc(100% - clamp(145px, 9.167vw, 201px));
}

.inner-oor-team-page-main-section .box .top-block h3 {
	font-size: var(--ucg-font-size-35);
	font-weight: 700;
}

.inner-oor-team-page-main-section .box .top-block p {
	margin-top: clamp(12px, 0.885vw, 17px);
	font-size: var(--ucg-font-size-15);
}

.inner-oor-team-page-main-section .box .top-block h4 {
	margin-top: clamp(17px, 1.719vw, 33px);
	font-size: var(--ucg-font-size-18);
}

.inner-oor-team-page-main-section .box .top-block ul {
	margin-top: clamp(9px, 0.677vw, 13px);
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.inner-oor-team-page-main-section .box .top-block ul li {
	background-color: var(--light-color);
	color: #636262;
	padding: clamp(5px, 0.365vw, 7px) clamp(9px, 0.677vw, 13px);
	border-radius: 100px;
	font-size: 12px;
	text-align: center;
}

.inner-oor-team-page-main-section .box .quotes-icon {
	max-width: 49px;
	opacity: 30%;
	margin-bottom: clamp(13px, 1.354vw, 26px);
}

.inner-oor-team-page-main-section .box i {
	font-size: var(--ucg-font-size-20);
}

.inner-service-page-top-section {
	padding-block: clamp(41px, 4.688vw, 90px) clamp(32px, 3.646vw, 70px);
}

.inner-service-page-top-section p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.6667;
	text-align: center;
}

.inner-service-page-top-section p+p {
	margin-top: clamp(23px, 2.344vw, 45px);
}

.inner-service-page-why-choose-section {
	padding-block: clamp(45px, 5.208vw, 100px);
}

.inner-service-page-why-choose-section .box-container {
	margin-top: clamp(41px, 4.688vw, 90px);
}

.inner-service-page-why-choose-section .box-container .box {
	background-color: #f1fffe;
	padding: clamp(12px, 1.198vw, 23px) clamp(12px, 0.885vw, 17px);
	height: 100%;
	border-radius: 15px;
	border: 1px dashed var(--primary-color);
}

.inner-service-page-why-choose-section .box-container .box h4 {
	color: var(--primary-color);
	font-size: var(--ucg-font-size-22);
	font-weight: 700;
	margin-bottom: clamp(12px, 1.198vw, 23px);
}

.inner-service-page-why-choose-section .box-container .box p {
	font-size: var(--ucg-font-size-18);
	line-height: 1.4444;
}

.inner-service-page-explore-services-section {
	padding-block: clamp(45px, 5.208vw, 100px);
}

.inner-service-page-explore-services-section .box-container {
	margin-top: clamp(30px, 3.125vw, 60px);
}

.inner-service-page-explore-services-section .box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 12px;
	box-shadow: 0px 4px 10px 0px rgba(41, 41, 41, 0.08);
	border: 1px solid #e0e0e0;
	padding: clamp(15px, 1.563vw, 30px) clamp(12px, 1.198vw, 23px);
	height: 100%;
	transition: 0.3s ease-in-out;
}

.inner-service-page-explore-services-section .box h4 {
	transition: 0.3s ease-in-out;
	font-size: var(--ucg-font-size-21);
	color: var(--primary-color);
	margin-bottom: clamp(13px, 1.302vw, 25px);
	font-weight: 700;
}

.inner-service-page-explore-services-section .box p {
	transition: 0.3s ease-in-out;
	font-size: var(--ucg-font-size-18);
	margin-bottom: clamp(13px, 1.302vw, 25px);
	line-height: 1.4444;
	color: var(--dark-color);
}

.inner-service-page-explore-services-section .box a {
	transition: 0.3s ease-in-out;
	color: var(--primary-color);
	text-decoration: underline;
	font-weight: 500;
	font-size: var(--ucg-font-size-18);
}

.inner-service-page-explore-services-section .box:hover h4,
.inner-service-page-explore-services-section .box:hover p,
.inner-service-page-explore-services-section .box:hover a {
	color: var(--light-color) !important;
	transition: 0.3s ease-in-out;
}

.inner-service-page-explore-services-section .box:hover {
	background-color: var(--primary-color);
	transition: 0.3s ease-in-out;
}

.inner-page-gallery-section {
	padding-block: clamp(41px, 4.688vw, 90px);
}

.inner-page-gallery-section .box-container+.box-container {
	margin-top: clamp(36px, 4.167vw, 80px);
}

.inner-page-gallery-section .box-container .box {
	border-radius: clamp(14px, 1.042vw, 20px);
	overflow: hidden;
	position: relative;
	width: 100%;
	aspect-ratio: 1/1;
}

.inner-page-gallery-section .box-container .box::after {
	content: "\f00e";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--light-color);
	font-size: 25px;
}

.inner-page-gallery-section h3 {
	position: relative;
}

.inner-page-gallery-section .heading {
	display: flex;
	align-items: center;
	gap: clamp(14px, 1.042vw, 20px);
	margin-bottom: clamp(21px, 1.563vw, 30px);
	margin-bottom: clamp(25px, 2.604vw, 50px);
}

.inner-page-gallery-section .title-2 {
	margin: 0;
}

.inner-page-gallery-section .heading::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #e5e5e5;
}

.inner-page-gallery-section .row {
	--bs-gutter-y: clamp(17px, 1.25vw, 24px);
}

.inner-page-gallery-section .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.inner-page-gallery-section .box::after {
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.inner-page-gallery-section .box:hover img {
	transform: scale(1.05);
}

.inner-page-gallery-section .box:hover::after {
	transform: translate(-50%, -50%) scale(1.1);
}

/* extra css bugs fix */
.stellarnav ul ul {
	border: 1px solid #0000001c;
	margin-top: 20px;
}

/* Spinner default – no space */
.wpcf7-spinner {
	display: none;
	margin: 0;
}