/* code akshay */ *{box-sizing: border-box;outline: none;} *, body {scrollbar-width:thin;scrollbar-color: var(--Accent) transparent;} :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration:none;color:var(--highlight) !important} .wp-block-button__link:hover{color:var(--Accent)!important} body{background-color: #F6EFEE;overflow-x:hidden } :root {--Primary:#1e1e1e;--highlight:#FF6A39;--Button:#3944C3;--Accent:#FFD100;--background:#F6EFEE;} .wow {animation-duration: 1.5s;animation-timing-function: ease-in-out; } .home{overflow-y: hidden;} ::selection {background-color:var(--Accent) ;color: var(--Button);} ::-moz-selection {background-color:var(--Accent) ;color: var(--Button);} img{max-width: 100%;} a{text-decoration: none;} html .none{display:none!important} /* Mouse effect body::after {content: "";position: fixed;z-index: 999;top: var(--y);left: var(--x);right: 0;bottom: 0;width: 0.7em;height: 0.7em;border-radius: 50%;transform: translate(-50%, -50%);background:blue;mix-blend-mode: difference;pointer-events: none;transition: width 0.4s ease-in-out;transition: height 0.4s ease-in-out;font-size: 2rem;transform-origin: center; } body.img-hovered::after {width: 4em;height:4em;content: "CLICK";text-align: center;color: black;display: flex;justify-content: center;align-items: center;background:blue} body.link-hovered::after {width: 3em;height: 3em;transition: width 0.4s ease-in-out;transition: height 0.4s ease-in-out;background:blue} Mouse effect */ .contactBox strong{color: #8c8c8c;font-weight: normal;font-size: 16px;} .slick-arrow {position: absolute;top: 0;bottom: 0;margin: auto!important;z-index: 2;cursor: pointer;font-size: 0;width: 20px;height: 30px;border: none;opacity: 0.5;} .slick-arrow {background: url(https://mesa.co.in/staging/wp-content/uploads/2025/03/arrowB.png) no-repeat center center;background-size: auto;background-size: contain;} .slick-next {right:1%;rotate: 180deg;} .slick-prev {left: 1%;} .sliderLoop2 {position: relative;padding: 0 60px !important;} .container{max-width:90%} .size-full img{width:100%} .entry-content{margin: auto;padding: 0;} /* .homeLoader .container{position: relative;} .homeLoaderLogo .homeLoaderLogo img{width: 100%;} .homeLoaderLogo {width: 160px; position: absolute;margin: auto;inset: 0;height: fit-content;} */ .loder-wrap {position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: #ffca03;display: flex;justify-content: center;align-items: center;z-index: 9999; right: 0;max-width: 100%;overflow: hidden;clip-path: inset(0 0 0 0);display:none} .loder-wrap img{width: 120px;} /* Header */ html{overflow:auto;overflow-x:hidden} body{padding-top: 100px;} header{position: fixed;top: 0;left: 0;width: 100%;margin: auto;transition: all 0.3s ease-in-out; z-index: 222;} .fixed{position: fixed;z-index: 999;background:linear-gradient(180deg, rgba(255, 255, 255, 0.37) 0%, rgba(255, 255, 255, 0.3) 48%, rgba(255, 255, 255, 0) 100%)} header .wp-block-group{background-color: transparent!important;transition: all 0.3s ease-in-out;} header.fixed .wp-block-group{padding-top: 2px!important;padding-bottom:2px!important;} header .wp-block-site-logo img{transition: all 0.3s ease-in-out;} header.fixed .wp-block-site-logo img{width: 40px} header .current-menu-item a {color: var(--highlight) !important} .wp-social-link a{background:var(--Primary)!important ;color:#fff!important;border-radius:100%} .wp-social-link a:hover{background:var(--highlight)!important ;color:#fff!important;} #goTopBtn { position: fixed; bottom: 25px; right: 28px; display: none; border: none; cursor: pointer; transition: opacity 0.3s ease-in-out; background-image: url(https://mesa.co.in/staging/wp-content/uploads/2025/07/up-chevron.png); background-size: contain; background-repeat: no-repeat; background-color:#fff; width: 35px; height: 35px; font-size: 0px; z-index: 100; border-radius: 100%; } /* Header */ /* Footer */ main{ position: relative; z-index: 22; } footer .wp-block-group {width:100%;padding:0!important} footer{padding: 100px 0; display: flex; align-items: center;} footer nav{padding:20px 0} /* Footer End */ .homeHeroA {position: relative;top:0;} .homeHeroA h2{font-size:5.5vw!important; line-height: 6vw;} /* Slider */ .homeHero{overflow:hidden;width: 100%;padding: 0;margin: auto!important;position: relative;opacity:1;top:0;} .homeHero .wp-block-jetpack-slideshow{transform: scale(2) ;opacity: 1;} .mesaSlider{position: relative;} .mesaSlider.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure{display: block;} .mesaSlider .wp-block-jetpack-slideshow_container{border-radius: 12px;overflow: hidden; border: 1px solid #272727;} .mesaSlider .wp-block-jetpack-slideshow_swiper-wrapper{height: auto!important;} .mesaSlider.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image{width: 100%;} .mesaSlider.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination{position: absolute!important;bottom: 30px!important;left: 0;right: 0;margin: auto;width: fit-content;} .mesaSlider.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination button{background-color: var(--Accent) !important} .mesaSlider .swiper-button-white{display: none;} .sliderShadow .slick-slider{max-width:100%;position:relative;} .sliderShadow .slick-slider::after,.sliderShadow .slick-slider::before{content:'';position:absolute;top:0;bottom:0;height:100%;width:10%;z-index:2;pointer-events:none} .sliderShadow .slick-slider::after{left:0;background: linear-gradient(90deg, rgba(246, 239, 238, 0.92) 48%, rgba(246, 239, 238, 0.26) 100%) } .sliderShadow .slick-slider::before{right:0;background: linear-gradient(270deg, rgba(246, 239, 238, 0.9) 48%, rgba(246, 239, 238, 0) 100%) } /* Slider */ /* About */ .aboutMesaHSm{border: 1px solid var(--Primary);border-radius: 15px;height: 100%;padding: 30px;scale: 0;border-radius: 100%;} .aboutMesaHSm div{opacity: 0;} .aboutMesaH_1{display: flex;justify-content: space-between;border-bottom: 1px solid var(--highlight);padding: 20px 0;} .aboutMesaH_2{padding: 20px 0 10px;} .aboutMesaHSm h3, .aboutMesaHSm h4{margin: auto 0;} .aboutMesaHSm h3{font-size: 35px;} .aboutMesaHSm h4{font-style: italic;font-weight: 200;font-size: 30px;} .aboutMesaH{background: var(--Button);} .servicesMesaH{display: flex;position: relative;gap: 20px;background-color: var(--Accent)} .servicesMesaH_1{width: fit-content;} .servicesMesaH_1 h3{color: var(--highlight);} .servicesMesaH_2{width: fit-content;} .servicesMesaH_2 ul li{padding: 10px 0;position:relative} .servicesMesaH_2 ul li a{color: var(--Primary);font-size: 22px;transition: all 0.3s ease-in-out;} .servicesMesaH_2 ul li a:hover{font-weight: 800;font-size: 30px;} .servicesMesaH_2 ul{list-style-type: none;margin:auto} .servicesMesaH_3{position: absolute;left: 40px;bottom: 20px;} /* About end */ /* Intor */ .HomeIntro{position: relative;padding: 0 !important;margin: auto !important;height: 70vh; display: flex;align-items: center;align-content: center;flex-wrap: wrap;} .HomeIntro *{width: 100%;} .HomeIntro h2{margin: auto!important;scale: 9;visibility: hidden;;position: relative;z-index: 2;} .HomeIntroDot{background: var(--Accent);width: 70px;height: 70px;border-radius: 100%;position: absolute;top: -50%;left: 0%;scale: 0;right: 0;margin: auto;} .HomeIntroBox{position: absolute;top:40%;right: 28%;width: 50%;height: 130px;border-radius: 10px;border: 5px solid var(--highlight);visibility: hidden;} /* Intor */ /* We are mesa */ .wearemesaHome{padding: 60px 0;} .wearemesaHome img{opacity: 0;} /* We are mesa */ /* slideshow */ .slideshowAj span:nth-of-type(1n+2){color: var(--Primary)} .slideshowAj span:nth-of-type(2n+1){color: var(--Primary);} .slideshowAj{ height: 64px;max-width: 100%;margin: 0 auto;position: relative;overflow: hidden;border:1px solid var(--Primary);border-radius: 15px;} .slideshowAj h3 {width: max-content;position: absolute;overflow-x:hidden;top: 0;left: 0;animation: moveSlideshow 5s linear infinite;margin: auto;padding: 20px 0;font-size:12px; font-weight: normal;line-height:20px} @keyframes moveSlideshow {100% {transform: translateX(-500px); }} /* slideshow */ /* SOS */ .sosList ul{display: flex;list-style-type: none;justify-content: space-between;padding: 20px 0;text-align:center} .sosList ul li {width:100%;position:relative} .sosList ul li a{font-size: 20px;font-weight: 700;text-transform: uppercase;transition: all 0.5s ease-in-out;display: block;border: 1px solid var(--Primary);padding:40px 10px} .sosList ul li::after{background:url(https://mesa.co.in/staging/wp-content/uploads/2024/08/project4.jpeg); content:'';position: absolute; width: 100%;height: 200px;left: 0;right: 0;margin: auto;top: -50px;border: 0;scale: 0;transition: all 0.5s ease-in-out;pointer-events: none;z-index: -1;background-size: cover;background-repeat: no-repeat;background-position: center;rotate:30deg; border-radius:100%;} .sosList ul li:hover::after{scale:1;rotate:0deg;z-index:2; border-radius: 0;} /* SOS ENd */ /* ourClientSlider */ .sliderLoop {display:block!important} .ourClientSlider {position:relative;z-index:3} .ourClientSlider .slick-slider{padding:30px 0; margin:auto} .ourClientSlider .slick-slider figure {width: 140px!important;padding:20px} .ourClientSlider .slick-slider figure img{width:100%} /* ourClientSlider end */ /* testimonialsSlider */ .testimonialswrap2 .item{padding:60px 30px!important;border: 1px solid;border-radius: 12px;scale: 0.97;} .testimonialswrap.sliderShadow .slick-slider::before {background: linear-gradient(270deg, rgb(17, 17, 17) 48%, rgba(17, 17, 17, 0) 100%)} .testimonialswrap.sliderShadow .slick-slider::after {background:linear-gradient(90deg, rgb(17, 17, 17) 48%, rgba(17, 17, 17, 0) 100%)} .testimonialswrap .slick-slide .wp-block-group{background: #000;padding:40px;border-radius: 15px;text-align: center} .wave {margin-top:-10%;margin-bottom:-7%} .wave svg{pointer-events:none} .wave .waveS1{max-width: 100%;margin: 0 0 -4%} .wave .waveS2{max-width: 100%;margin: 0 0 -7%} .testimonialswrap .slick-slide{padding:20px} .testimonialswrap .slick-slide .wp-block-image{width:120px} .testimonialsSlider {overflow:hidden} .testimonialsSlider .slick-slider .slick-list{overflow:inherit} .testimonialsSlider .slick-slider .slick-slide{padding:30px} .testimonialsSlider .slick-slider .slick-slide .wp-block-group{border:1px solid var(--Primary);padding:40px 30px;border-radius:15px; box-shadow: 0 15px 0 var(--Accent);transition:all 0.5s ease-in-out;overflow:hidden} .testimonialsSlider .slick-slider .slick-slide .wp-block-group::after{content:'';display:block;background:var(--Accent);width:100%;height:0%;position:absolute;bottom:0;left:0;right:0;margin:auto;transition:all 0.2s ;} .testimonialsSlider .slick-slider .slick-slide .wp-block-group:hover::after{height:100%;transition:all 0.5s ;} .testimonialsSlider .slick-slider .slick-slide .wp-block-group:hover{box-shadow: 0 0 0 var(--Accent);} .testimonialsSlider .slick-slider .slick-slide .wp-block-group h5{padding-top:40px} .testimonialsSlider .slick-slider .slick-slide .wp-block-group *{position:relative;z-index:2} .animatedText strong { font-weight: 700; display: inline-block;transition: color 0.5s ease-in-out;color:#ffbf00} /* testimonialsSlider end */ /* Bottom */ .bottomSec {padding: 20px 0;} .bottomSec figure img{width: 100%;border-radius: 15px;height: 250px;object-fit: cover; } .bottomSec .wp-block-group .wp-block-group{border-radius: 15px;display: flex;padding:40px 20px;overflow: hidden;} .bottomSec .wp-block-group ul{text-align: center;margin: auto;padding: 0;display: flex;gap: 20px;width: 100%;height: 100%;} .bottomSec .wp-block-group ul li{padding: 0;width: 100%;list-style-type: none;border: 1px solid var(--Primary);border-radius: 15px;padding: 20px;display: flex;flex-wrap: wrap;align-content: center;transition:all 0.5s ease-in-out;} .bottomSec .wp-block-group ul:hover li{filter: blur(4px);scale:0.9} .bottomSec .wp-block-group ul li:hover{filter: blur(0);scale:1.2} .bottomSec .wp-block-group ul li h3{font-size: 40px;color: var(--highlight);margin: auto;width: 100%;} .bottomSec .wp-block-group ul li p{margin:5px auto;width: 100%;} .bottomSec .wp-block-group .wp-block-group.worktoRow{padding: 0;border: none;} .bottomSec .wp-block-group .wp-block-group.worktoRow .workto{width: 100%} .bottomSec .wp-block-group .wp-block-group.worktoRow a{background: var(--Button);width: 100%;height: 100%;display: flex;align-items: end;padding: 30px;font-size: 30px;font-weight: 700;color: var(--Accent);text-transform: capitalize;transition:all 0.5s ease-in-out;cursor:url(https://mesa.co.in/staging/wp-content/uploads/2024/09/nextW.png), auto;} .bottomSec .wp-block-group .wp-block-group.worktoRow a:hover{color: #fff} .bottomSec .wp-block-group{grid-template-columns: repeat(2,1fr);} .bottomSec img{width: 100%} .worktoRow{width: 100%;background: var(--Button)} /* Bottom End */ /* portfolio body.category{padding:0;} body.category main{} body.category main .categoryHeader{padding: 140px 0 30px !important;background:none!important} body.category .wp-block-post-template li .wp-block-post-featured-image{height: 450px;width:100%;overflow:hidden;margin: 0 !important;border:1px solid var(--Button);padding: 20px;transition:all 0.5s ease-in-out;border-radius: 15px} body.category .wp-block-post-template li .wp-block-post-featured-image a{overflow:hidden;border-radius: 15px} body.category .wp-block-post-template li .wp-block-post-featured-image a img{transition:all 0.5s ease-in-out;scale: 1;display:block} body.category .wp-block-post-template li .wp-block-post-featured-image:hover a img{scale: 1.1} body.category .wp-block-post-template li .wp-block-post-featured-image:hover{background-color:var(--Accent);} body.category .wp-block-post-template li .wp-block-group.is-vertical{background: var(--Button);padding:25px 20px!important; border-radius: 15px;margin: -90px auto 20px!important;width: 85%;position: relative;z-index: 1;} body.category .wp-block-post-template li .wp-block-group.is-vertical .wp-block-template-part{width:100%} body.category .wp-block-post-template li .wp-block-group.is-vertical .wp-block-template-part .wp-block-group{max-width: 100%;font-style: italic;} body.category .wp-block-post-template li .wp-block-group.is-vertical .wp-block-template-part .wp-block-group a{color: var(--Primary);background: var(--Accent);margin-right: 7px;padding: 3px 8px;border-radius: 30px;} body.category .wp-block-post-template li .wp-block-group.is-vertical h2{padding: 10px 0 0; margin: auto;text-align: left;font-size: 20px!important;width: 100%;min-height: 58px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } body.category .wp-block-post-template li .wp-block-group.is-vertical .wp-block-spacer {display: none} body.category .wp-block-post-template li .wp-block-group.is-vertical .wp-block-post-terms__separator {display: none} portfolio end */ /* portfolio New */ body.category .wp-block-post-template { display:flex; flex-wrap: wrap;} body.category .wp-block-post-template li{width:61%} body.category .wp-block-post-template li h2 a{font-size:19px} body.category .wp-block-post-template li a{color: #000;text-decoration:none!important} body.category .wp-block-post-template li a:hover{color:var(--highlight)} body.category .wp-block-post-template li.sizeA { width: 36%;} body.category .wp-block-post-template li .wp-block-post-featured-image{transition:all 0.5s ease-in-out;scale: 1;display:block; height: 300px!important;overflow:hidden;width:100%; padding: 0 !important;border-radius:12px} body.category .wp-block-post-template li:hover .wp-block-post-featured-image{scale:1.02;opacity:0.7} body.category .wp-block-post-template li .wp-block-post-featured-image a img{object-fit: cover; object-position: center; border-radius: 0;} .listS1 li .wp-block-template-part{width:100%} .listS1 li .taxonomy-category{display: flex;width:fit-content;gap: 5px;} .listS1 li .taxonomy-category *{width: fit-content; margin: auto;} .listS1 li .wp-block-group {padding:0;margin:0 !important;} .listS1 li h2{flex-basis: inherit;} .listS1 li .wp-block-spacer{display: none} .categoryHeader { max-width: var(--wp--style--global--wide-size);text-align: left;margin: auto !important;color: var(--Primary) !important;} /* portfolio New End */ /* Contact Us */ .formAj .wpcf7-form-control{width:100%;padding: 15px;border-radius:20px;border: 1px solid var(--Primary);background: transparent;margin: 10px 0} .formAj label{position:relative} .formAj .wpcf7-not-valid-tip{position: absolute;font-size: 9px;bottom: -29px;left: 17px;} .formAj .wpcf7-submit{font-size: 17px;background: #3944c3; border: none; border-radius: 100px;color: #fff;cursor: pointer;width:fit-content;padding: 13px 25px;} .formAj .wpcf7-submit:hover{color:var(--Accent)} .wpcf7-response-output{border: none;text-align: center;font-size: 20px;margin: auto !important;padding-bottom: 30px !important;} .ilbIconList .list{padding-bottom:20px!important} /* Contact Us End */ /* About */ .aboutDataRow .wp-block-column{border-radius:16px} .servicesBtns{gap: 1.5vw} .servicesBtns .wp-block-button a{position: relative;overflow: hidden;transition: all 0.7s ease-in-out;} .servicesBtns .wp-block-button a:hover{background: none!important;scale:1.05;color:#fff!important} .servicesBtns .wp-block-button a::after{content: '';display: block;position: absolute;transition: all 0.8s ease-in-out;top: 0;bottom: 0;height: 100%;width: 100%;right: 0%;opacity:0;background:#000} .servicesBtns .wp-block-button a:hover::after{transition: all 0.4s ease-in-out;opacity:1} .servicesBtns .wp-block-button a strong{position: relative;z-index: 2} /* .servicesBtns .wp-block-button:nth-of-type(4n+1) a::after{background: #ffbf00;} .servicesBtns .wp-block-button:nth-of-type(4n+2) a::after{background: #ff6a39;} .servicesBtns .wp-block-button:nth-of-type(4n+3) a::after{background: #3944b1;} .servicesBtns .wp-block-button:nth-of-type(4n+4) a::after{background: #000;} */ #ilbIconList-3 .ilbIconList ul.lists .icon{background:#272727!important;border-radius:7px;padding:30px;font-size:30px!important} .connectPage{ margin: auto !important;} @media screen and (max-width:800px){ .has-xx-large-font-size{font-size:25px!important} header .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{ height: 39px; width: 48px; background: var(--Accent); border-radius: 5px;} header .wp-container-core-group-is-layout-3{max-width:100%!important} header nav{position: absolute!important;right:8%} header .wp-block-group.is-content-justification-right.is-layout-flex.wp-container-core-group-is-layout-2{position: relative;right:77px;} header .wp-block-navigation__responsive-container{left: inherit;width:250px;height: fit-content;border-radius: 10%;padding: 70px 20px 40px !important;text-align: center;right: 4%;top: 2%;} header .wp-block-navigation .wp-block-navigation-item__content{font-size:22px} .homeHero .wp-block-jetpack-slideshow_slide img, .wearemesaHome img{height:70vh;object-fit: cover;} .aboutMesaHSm h3{font-size:20px} .aboutMesaHSm h4{font-size:20px} .servicesMesaH.aboutMesaHSm{display:block; padding: 24px 35px 97px;} .servicesMesaH_1{width:100%; padding: 0px 0 20px;} .servicesMesaH_2 ul{padding:0} .servicesMesaH_1 h3{font-size:25px} .testimonialsSlider .slick-slider .slick-slide{padding:10px} .testimonialsSlider .slick-slider .slick-slide .wp-block-group{padding:20px 10px} .sosList ul{ display: grid; grid-template-columns: repeat(2,1fr);} .bottomSec .wp-block-group{ grid-template-columns: repeat(1,1fr);} .bottomSec .wp-block-group .wp-block-group{padding:0} .bottomSec .wp-block-group ul{ flex-wrap: wrap;} .HomeIntroBox{top: 52%; right: 5%; height: 100px;} .archive .is-layout-constrained > .alignwide{ max-width: 100%;width:100%} .wp-block-social-links .wp-block-social-link.wp-social-link{margin:20px 0} .rightBtnLatstalk{position: absolute;right: 103px; z-index: 22222222;} .rightBtnLatstalk a{font-size: 16px;padding: 9px 22px;} .homeHeroA {padding-top: 50px!important;padding-bottom: 10px!important;} .homeHeroA .wp-block-heading{font-size: 30px!important;line-height: 35px} .homeHeroA .wp-block-heading br{display: none} .slideshowAj{height:44px; border-radius: 8px; } .slideshowAj h3{ padding: 10px 0;} .aboutHero br{display: none} .testimonialswrap2 .item {padding: 30px 20px !important;} .testimonialswrap2 .item p{font-size: 14px!important;} .slick-next{right:3%} .slick-prev{left:3%} .weare_mesa{display: block!important;} .aboutDataRow p{font-size: 14px!important} .aboutDataRow .wp-block-column h2{font-size: 20px!important;} .ab_vM{display: block!important;} .ab_vM .wp-block-group{margin: 20px 0!important;} .servicesBtns a{font-size: 12px!important;} body.category .wp-block-post-template{display: block} body.category .wp-block-post-template li{width: 100%!important;margin: 20px auto 30px!important;} body.category li figure {margin:20px 0 10px!important} .has-x-large-font-size {font-size:14px!important} :root{--wp--preset--font-size--medium: 14px;} .is-layout-constrained > .alignwide { max-width: 100%; width: 86%;} .sliderLoop2 .slick-arrow{display:none!important} .sliderLoop2{ padding: 0 0px !important;} .testimonialswrap2{overflow:hidden} }