div#topright {
    display: grid;
    grid-template-columns: 15% 83%;
}
.owl-content {
    position: absolute;
    top: 10%;
    left: 10%;
}

.team-carousel {
    width: 100%;
}

.team-slide {
    box-sizing: border-box;
}
.team-slide-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.team-card:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 139px;
    z-index: 0000;
    left: 0;
    right: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    content: "sdsdsdsdsdsd";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.87) 0%, rgba(0, 0, 0, 0.856979) 27.67%, rgba(0, 0, 0, 0) 89.79%);
    color: transparent;
}
.team-card {
    width: 78%;
	position:relative;
}
.team-card img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

/* Responsive */
@media (max-width: 991px) {
div#topright {
    display: grid;
    grid-template-columns: 25% 72%;
}	
    .team-slide-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .team-slide-grid {
        grid-template-columns: 1fr;
    }
}

.team-info {
    position: absolute;
    color: #fff;
    text-align: left;
    bottom: 20px;
    left: 0px;
    right: 0;
    padding: 20px;
    z-index: 4444;
}
.team-info h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
        .team-info p {
            margin: 0;
            font-size: 14px;
        }

.swiper-pagination span {
    margin: 4px !important;
}

/* Force swiper container to have equal height */
.swiper {
    height: auto; /* adjust as needed */
}

/* Make all slides equal height */
.swiper-slide {
    height: 100% !important;
    display: grid;
    grid-template-columns: 68% 32%;
    justify-content: center;
    padding: 80px 60px;
    box-sizing: border-box;
    align-items: center;
}
/* Ensure background covers full slide */
.swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}


/* Slide 1 */
.swiper-slide[data-swiper-slide-index="0"] {
    background-image: url(/wp-content/uploads/2025/12/VValue.png);
    background-size: 100% 100%;
    background-position: left center;
    padding-left: 120px; /* adjust value as needed */
}

/* Slide 2 */
.swiper-slide[data-swiper-slide-index="1"] {
    background-image: url(/wp-content/uploads/2025/12/pinkbg.png);
    background-size: 100% 100%;
    background-position: left center;
    padding-left: 120px; /* adjust value as needed */
}

/* Slide 3 */
.swiper-slide[data-swiper-slide-index="2"] {
    background-image: url(/wp-content/uploads/2025/12/Vector-8.png);
    background-size: 100% 100%;
    background-position: left center;
    padding-left: 120px; /* adjust value as needed */
}

.owl-dots {
    right: -16px;
    text-align: right;
    margin-top: -86px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
}
.owl-dot span {
  width: 8px;
  height: 8px;
  margin: 4px !important;
  border-radius: 50%;
}
.owl-dot.active span {
opacity: 1;
border-radius: 10px;
    height: 28px;
    width: 8px;
    background: #FE4811!important;
    display: inline-block;
}
.owl-dot span {
  background: #202322;
    display: inline-block;	
opacity: 1;	
}

div#rightheaing strong {
    color: #FE4811;
}
#specialfont span{
    color: #FE4811;	
}
#specialfonttwo span {
    color: #F9A3E5;
}
#specialfontone span{
    color: #84AADF;	
}
#rightheaing h2 {
    margin: 20px 0px;
    font-family: Moret;
    font-weight: 400;
    font-size: 70px;
    line-height: 100%;
    color: #202322;
}
#rightheaing h2 p {
    font-family: figtree;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #202322;
}
#rightsubhead p {
    font-family: figtree;
    font-weight: 400;
    font-size: 34px;
    line-height: 100%;
	color:#202322;
}
div#rightbackground {
    border-radius: 20px;
}
.lefthead h2 {
    font-family: Moret;
    font-weight: 400;
    font-style: Regular;
    font-size: 90px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 1%;
    color: #FE4811;
    margin: 0;
    text-transform: initial;
}
.righthead img {
    margin: 0;
}
div#middlesection {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
}
.lefthead {
    width: 65%;
    float: left;
}
.righthead {
    width: 35%;
    float: right;
}
div#certification {
    display: grid;
    grid-template-columns: 25% 75%;
    align-items: center;
}
div#imgsection p {
    display: flex;
    gap: 20px;
    align-items: center;
}
div#headsecion {
    display: flex;
    align-items: flex-start;
    margin-top: -30px;
}
div#leftsection ul {
    padding: 0 20px;
}
div#imgsection {
    padding: 40px 0px;
}
@media only screen and (max-width: 1700px) {
div#mybio {
    bottom: -225px;
}	
.team-info p {
    font-size: 16px!important;
}	
#rightheaing h2 {
    font-size: 50px;
}
#rightsubhead p {
    font-size: 28px;
}	
.slide-box h2 {
font-size: 80px;
}

.slide-box p {

font-size: 24px;
}
	
.lefthead h2 {
    font-size: 50px;
}
}

@media only screen and (max-width: 1440px) {
div#mybio {
    bottom: -125px;
}	
#rightheaing h2 {
    font-size: 40px;
}
#rightsubhead p {
    font-size: 26px;
}	
.slide-box h2 {
font-size: 80px;
}

.slide-box p {

font-size: 24px;
}
	
.lefthead h2 {
    font-size: 50px;
}
}


@media only screen and (max-width: 1280px) {
div#mybio {
    bottom: -50px;
}	
.lefthead h2 {
    font-size: 56px;
}
h2 br {
    display: block;
}
@media only screen and (max-width:1212px)
{
#site-header .site-title a img.default, #site-header .menu-item-logo a img.default {
    display: block!important;
}	
}
@media only screen and (max-width:1100px)
{
#leftsection .elementor-element-populated {
    display: grid;
    grid-template-columns: 27% 73%;
    align-items: center;
    justify-items: start;
    justify-content: start;
}	
.header-background:before {
    height: 94%!important;

}	
.swiper-slide[data-swiper-slide-index="0"], .swiper-slide[data-swiper-slide-index="1"], .swiper-slide[data-swiper-slide-index="2"] {
    padding: 20px 50px!important;
}
	
div#mybio {
    bottom: -53px;
    right: 5px;
}
div#leftsection {
    width: 26%;
}
div#rightsec {
    width: 34%;
}
#middletop{
    width: 36%;
}	

.lefthead h2 {
    font-size: 32px;
}
section#ourvision {
    padding-top: 0px!important;
}	
#topbanner .elementor-row {
    display: flex;
    flex-direction: row;;
}	
#visionheading h2 br {
    display: none;
}	
#our-team h2 br {
    display: none;
}
.team-card {
    width: 66%;
    position: relative;
}
}
	
@media only screen and (max-width: 921px) {
h2, .title-h2, body .gem-style-text.title-h2 {
    font-size: 30px!important;
}
.topsec {
    float: left;
    display: grid;
    grid-template-columns: 100%;
    gap: 2%;
    align-items: center;
    margin-bottom: 30px;
    gap: 0px;
}	
.elementor-widget-wrap>.elementor-element.elementor-absolute {
    position: relative!important;
}	
.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
    width: 100%!important;
}	
h2 br {
    display: block;
}		
#rightsec .elementor-widget.elementor-widget-image {
    bottom: 0!important;
    width: 65%;
}
#rightsec .elementor-widget.elementor-widget-image {
    bottom: 0!important;
    width: 65%;
}
#rightheaing h2 {
    font-size: 30px!important;
}	
#rightheaing h2 br {
    display: block;
}	
.elementor-heading-title {
    font-size: 34px!important;
    line-height: 120%!important;
}
div#certification {
    display: grid;
    grid-template-columns: 57% 20%;
    align-items: center;
}	
div#headsecion h2.elementor-heading-title.elementor-size-default {
    font-size: 18px!important;
}	
}
	
	
@media only screen and (max-width: 680px) {
.swiper-slide {
    height: 100% !important;
    display: flex;
    grid-template-columns: 100%;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
    flex-direction: column;
}	
#leftsection .elementor-element-populated {
    display: grid;
    grid-template-columns: 38% 60%;
    align-items: center;
    justify-items: start;
    justify-content: start;
}	
div#topright {
    display: flex;
    grid-template-columns: 100%;
    flex-direction: column;
    align-items: flex-start;
}
.swiper-slide[data-swiper-slide-index="0"], .swiper-slide[data-swiper-slide-index="1"], .swiper-slide[data-swiper-slide-index="2"] {
    padding: 20px 30px!important;
}
.team-card {
    width: 100%;
    position: relative;
}
div#imgsection p {
    display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: 24% 24% 25% 25%;
}	
div#headsecion {
    display: flex;
    align-items: flex-start;
    margin-top: 35px;
}	
            h2 br {
                display: none;
            }	
section#certibg {
    background-size: cover;
    background-position: left !important;
}	
div#certification {
    display: flex;
    grid-template-columns: 57% 20%;
    align-items: center;
    flex-direction: column;
}
.lefthead h2 {
    font-size: 45px;
}	
#rightsec .elementor-widget.elementor-widget-image {
    bottom: 0!important;
    width: 30%;
}
.lefthead {
    width: 100%;
    float: left;
}	
div#middlesection {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}	
	}
	
	
	
@media only screen and (max-width: 375px) {	
#leftsection .elementor-element-populated {
    display: grid;
    grid-template-columns: 100%;
	gap:20px;
    align-items: center;
    justify-items: start;
    justify-content: start;
}	
}