/*
Theme Name: Marity Child
Theme URI: https://marity.qodeinteractive.com
Description: A child theme of Marity
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: marity
Template: marity
*/

@import url(custom-css.css);
.bagi_image_new_research{
    height: unset !important;
}
.qodef-m-stage-bottom {
    display: none !important;
}

.bagi_image_new_research {
    height: unset !important;
    margin-top: -70px;
}

.qodef-magnifier-glass .qodef-m-stage-content .qodef-m-stage-top {
    align-items: center;
}
.elementor-element.elementor-element-f719d9b.elementor-widget.elementor-widget-marity_core_section_title .elementor-widget-container .qodef-shortcode.qodef-m.qodef-section-title.qodef-show_supertitle--no.qodef-alignment--left .qodef-m-title {
    font-weight: 500;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-60a2cf0.qodef-elementor-content-grid.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    padding-top: 54px;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-8ca497f.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 83px;
}
body:not(.rtl) .elementor-9909 .elementor-element.elementor-element-d2b67b1 {
    right: 0px !important;
}
.elementor-element.elementor-element-948c0ac.elementor-widget.elementor-widget-marity_core_section_title .qodef-shortcode.qodef-m.qodef-section-title.qodef-show_supertitle--yes.qodef-alignment--left .qodef-m-title {
    font-weight: 500;
}
.elementor-element.elementor-element-5b72a73.elementor-widget.elementor-widget-marity_core_section_title .elementor-widget-container .qodef-shortcode.qodef-m.qodef-section-title.qodef-show_supertitle--no.qodef-alignment--left .qodef-m-title {
    font-weight: 500;
}
.button_life_page .elementor-button.elementor-button-link.elementor-size-sm{
    background-color: unset;
    color:#0e202a;
    font-weight:400;
    font-size:13px;
	 font-family: Sora, sans-serif;
	padding:0;
}

.button_life_page .elementor-button.elementor-size-sm{
     background-color: unset;
    color:#0e202a;
    font-weight:400;
    font-size:13px;
	 font-family: Sora, sans-serif;
	padding:0;
}
.qodef-team-list .qodef-top-info-holder .qodef-navigation-line {
  display:none;
}



@media(min-width:1200px) and (max-width:1400px){
	.qodef-header--glossy #qodef-page-header-inner>div .qodef-widget-holder {
    margin-left: 0px;
}
	#qodef-page-header .qodef-widget-holder .widget {
    margin: 0 0px;
    padding: 0;
}
	.elementor-element.elementor-element-456ea76.elementor-widget.elementor-widget-marity_core_team_list .elementor-widget-container {
    margin-top: 28px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-f3105bc.elementor-section-full_width.qodef-elementor-content-grid.elementor-section-height-default.elementor-section-height-default {
    padding: 54px 0px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-f4e6b02.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 67px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-12f657a.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    margin-bottom: 67px;
}
	.elementor-9909 .elementor-element.elementor-element-0685091 {
    width: 45% !important;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-68c94ad.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default.qodef-parallax.qodef--parallax-row.qodef-parallax--init .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-6848b5f .elementor-widget-wrap.elementor-element-populated {
    padding: 67px 0px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-4f22bdd.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    margin-top: 30px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-9a69f0d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    margin-top: 40px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-0535ffa.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 50px;
}
	
	.qodef-button.qodef-size--small {
    padding: 17px 17px !important;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-bc5d3e0.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default .elementor-container.elementor-column-gap-default .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-4fb6433 .elementor-widget-wrap.elementor-element-populated {
    padding-top: 0;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-d32905d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 100px;
}
	section.elementor-section.elementor-inner-section.elementor-element.elementor-element-09f4c5b.elementor-section-height-min-height.elementor-section-content-bottom.elementor-section-boxed.elementor-section-height-default .elementor-container.elementor-column-gap-default .elementor-column.elementor-col-100.elementor-inner-column.elementor-element.elementor-element-e563596 {
    display: flex;
    justify-content: end;
    align-items: end;
	padding: 0px 20px 21px 0px;
}
	section.elementor-section.elementor-inner-section.elementor-element.elementor-element-09f4c5b.elementor-section-height-min-height.elementor-section-content-bottom.elementor-section-boxed.elementor-section-height-default .elementor-column.elementor-col-100.elementor-inner-column.elementor-element.elementor-element-e563596 .elementor-widget-wrap.elementor-element-populated {
    display: contents;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-444f7df.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-1e36e21 .elementor-widget-wrap.elementor-element-populated {
    padding: 70px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-5de8574.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {
    padding-top: 20px;
}
	
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-9298bd3.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 60px;
}
	
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-2e65ff5.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding: 0px 0px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-d096010.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    margin-bottom: 70px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-f2e5c8e.elementor-section-full_width.qodef-elementor-content-grid.elementor-section-height-default.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {
    padding-top: 70px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-2722550.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-bottom: 120px;
    padding-top: 31px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-8ca497f.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default .elementor-widget-wrap.elementor-element-populated {
    padding: 67px;
}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-de96ea6.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    padding-top: 30px;
}

}

.qodef-tabs.qodef-layout--simple .qodef-tabs-content {
	margin: 50px 0 0;
}

.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation::after {
	content: "";
	z-index: 1;
}

.qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li{
	position:relative;
	z-index:2;
}

.rounded{
	border-radius:10px;
}

.overflow-hidden{
	overflow:hidden;
}

.bg-blur{
	backdrop-filter: blur(40px);
}



.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos .qodef-m-content {
	flex-direction: row-reverse;
}

@media(max-width:767px){
	.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos .qodef-m-content {
	flex-direction: column-reverse;
	justify-content: start;
	align-items: start;
	gap: 20px;
}
}

.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos .qodef-m-image-holder {
	width: 100%;
	margin-top: 0;
}


.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos .qodef-m-image-holder .qodef-m-image:last-child {
	display:none;
}

.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos .qodef-m-image-holder .qodef-m-image:first-child {
	opacity: 1;
	border-radius: 10px;
}


.qodef-qi-interactive-banner.qodef-layout--image-switch.ceos:hover .qodef-m-image-holder .qodef-m-image:first-child {
	opacity: 1;
	border-radius: 10px;
}

.qodef-header-standard--right #qodef-page-header-inner .qodef-header-navigation {
	margin-left: auto;
	margin-right: auto;
}

.qodef-widget-holder .qodef-button.qodef-layout--outlined {
	background-color: transparent !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}

.qodef-widget-holder .qodef-button.qodef-layout--outlined:hover{
	background:#fff !important;
	color: #000 !important;
}


body:has(.full-page-pk)  #qodef-page-inner.qodef-content-grid{
	width:100%;
}

#qodef-page-footer-top-area .qodef-content-full-width{
	padding-bottom:30px;
}
#qodef-page-footer-top-area  .qodef-layout--columns .qodef-grid-inner .qodef-grid-item:first-child .widget_custom_html{
	padding-top:0;
}

#qodef-page-footer-top-area  .qodef-layout--columns .qodef-grid-inner .qodef-grid-item:first-child .widget_custom_html h5{
	color: #d9d9d9;
  letter-spacing: 0.5px;
  line-height: 1.5;
}

.backdrop-filter-2px .qodef-m-content-inner{
	backdrop-filter: blur(2px);
}


/* kss box  */
.kss-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Space between items */
    margin: 0 auto; /* Center the gallery */
}

.gallery-item {
    position: relative;
    width: calc(33.33% - 16px); /* Three items per row with gap */
    height: 250px; /* Height of the gallery item */
    background-size: cover;
    background-position: center;
    border-radius: 10px; /* Rounded corners */
    overflow: hidden;
    transition: transform 0.3s; /* Smooth scaling effect */
}

.gallery-item:hover {
    transform: scale(1.05); /* Slight zoom on hover */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7); /* Dark overlay */
    color: white; /* Text color */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s;
}

.gallery-item:hover .overlay {
    opacity: 1; /* Show overlay on hover */
}

.overlay h2 {
    font-size: 1.5em; /* Title size */
    margin: 0; /* Remove default margin */
	color: #fff;
}

.overlay p {
    font-size: 1em; /* Name size */
    margin: 0; /* Remove default margin */
}


/* kss end */


/* header  */
.qodef-header--glossy #qodef-page-header-inner>div {
    backdrop-filter: none !important;
    background-color: transparent !important;
}

/* event */
img{
    max-width: 100%;
    height: auto;
}
.pk-custom-row{
    --bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(20px * -1);
margin-right: calc(20px / -2);
margin-left: calc(20px / -2);
}
.pk-custom-row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(20px / 2);
padding-left: calc(20px / 2);
margin-top: 20px;
}

@media (min-width:575px) {
.pk-custom-row > *{
flex: 0 0 auto;
width: 50%;
}

}

@media (min-width:767px) {
.pk-custom-row > *{
flex: 0 0 auto;
width: 33.3333333333%;
}
}

@media (min-width:1200px) {
.pk-custom-row > *{
flex: 0 0 auto;
width: 33.3333333333%;
}
}

.event-page-box .inner-box{
overflow: hidden;
display: block;
position: relative;
}
.event-page-box .inner-box .img{
display: block;
}

.event-page-box .inner-box .img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	overflow: hidden;
	max-height: 300px;
}
.event-page-box .inner-box .content{
position: absolute;
bottom: 0;
width: 100%;
left: -100%;
padding: 15px 0;
background: #000000c4;
transition: all 0.5s;
border-radius: 5px;
}

.event-page-box .inner-box:hover .content{
left: 0;
}

.event-page-box .inner-box .content p{
margin: 0;
font-size: 17px;
text-align: center;
color: #fff;
font-weight: 600;
}

.event-page-box .inner-box .content p + p{
margin-top: 10px;
}

.event-page-box .inner-box .content p.headings{
font-size: 14px;
} 



/*=============
Gallary Type Box Design
============*/

.gallary-type-design-by-pk{
    overflow: hidden;
display: block;
position: relative;
}

.gallary-type-design-by-pk .img{
     display: block;
    max-width: 100%;
    border-radius: 5px;
    overflow: hidden;
    max-height: 300px;
}
.gallary-type-design-by-pk .img img{
    transition: all 0.5s;
}

.gallary-type-design-by-pk:hover .img img{
    transform: scale(1.2);
}

.gallary-type-design-by-pk .content{
    position: absolute;
    bottom: 0;
width: 100%;
left: 0;
height: auto;
z-index: 3;
opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.gallary-type-design-by-pk:hover .content{
    opacity: 1;
    visibility: visible;
}

.gallary-type-design-by-pk .content .inner {
    padding: 0 15px 25px 30px;
}

.gallary-type-design-by-pk .content .inner p{
margin: 0;
font-size: 17px;
text-align: strat;
color: #fff;
font-weight: 600;
}

.gallary-type-design-by-pk .content .inner p + p{
margin-top: 10px;
}

.gallary-type-design-by-pk .content .inner p.headings{
font-size: 14px;
font-weight: 400;
} 

.gallary-type-design-by-pk .img:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000006e;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.gallary-type-design-by-pk:hover .img:after{
    opacity: 1;
    visibility: visible;
}


.custom-circle-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.circle-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.circle {
    width: 150px;
    height: 150px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

.circle:hover {
    background-color: #f77700;
    color: white;
}

.designer-name {
    font-size: 14px;
    margin-top: 10px;
}

.download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #f77700;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.download-button:hover {
    background-color: #ff8f33;
}
.event-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.event-item {
    width: calc(33.33% - 20px); /* Adjust the width for three items in a row */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.event-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    height: 100%;  /* Ensures the card expands to full height */
}

.event-img img {
    width: 100%;
    height: 200px;  /* Fixed height for images */
    object-fit: cover;  /* Ensures the image covers the box proportionally */
    border-radius: 8px;
}

.event-content {
    margin-top: 15px;
    flex-grow: 1;  /* Ensures content takes up remaining space */
}

.event-date p {
    font-size: 14px;
    color: #888;
}

.event-title .headings {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}

.event-location p {
    font-size: 16px;
    color: #555;
    margin: 5px 0;
}

.learn-more-btn button {
    background-color: #f77700;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 15px;
    font-size: 16px;
}

.learn-more-btn button a {
    color: #fff;
    text-decoration: none;
}

.learn-more-btn button:hover {
    background-color: #e66b00;
}

/* Responsive for smaller screens */
@media (max-width: 768px) {
    .event-item {
        width: calc(50% - 20px); /* Two items per row */
    }
}

@media (max-width: 480px) {
    .event-item {
        width: 100%; /* One item per row on small screens */
    }
}