*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
h1,h2,h3,h4,h5,p,span, textarea, input, ul, li { font-family: "Montserrat", sans-serif;

 line-height: 1.2;}
a {text-decoration: none !important;display: inline-block;color: #383838;font-family: 'Cairo', sans-serif;font-size: 16px;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
/* select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;} */
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #322d2d;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;color: #000000a8;}
.p-bold { font-weight: 600; font-size: 20px;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}

.grecaptcha-badge { visibility: hidden; }
:root{
    --dark-blue: #144170;	
	 --yellow : #f5bd23;
}

#to-top {cursor: pointer;position: fixed;bottom: 24px;right: 10px;width: 50px;height: 90px;z-index: 9;padding: 6px;border-radius: 50%;display: flex;justify-content: center;align-items: center;filter: invert(73%) sepia(16%) saturate(2578%) hue-rotate(0deg) brightness(101%) contrast(104%);}

.inner-header-wrapper ul li a.active {color: #F5A623;}

/* contact */
  .contact-left {width: 100%;max-width: 440px;}
  .contact-right {width: 100%;max-width: 600px;}
  .contact-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 45px;padding: 20px 0;}
  .contact-left img {width: 100%;max-width: 440px;height: auto;animation: rotateBack 3s ease-in-out infinite;}

@keyframes rotateBack {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* home-banner */
.slider {display: flex;width: 100%;height: calc(100vh);position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;position: relative;}
.slider::before{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #0b2c4cb0;}
.home-sliders{width:100%;height:100%;position: relative;}
.scrolled-header .header-top-section{display: none;}
.scrolled-header .left-header{max-width:270px;}
.scrolled-header .inner-header-wrapper ul li a {font-size: 18px;}
.scrolled-header .inner-header-wrapper ul:nth-child(2) li a{font-size: 26px;} 
.slider h2{color:#fff;text-shadow:1px 2px #000; }
.home-sliders h2{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content:center;  font-weight: 400;}
.home-sliders h3{text-align:center;}
.home-banner-wrapper {height: calc(100vh);}

.inner-home-wrapper  h1 {color: #fff;font-weight: 600;text-align: left;line-height: 1.3; width: 100%;}
.inner-home-wrapper p {font-size: 24px;color: #fff;margin: 10px 0 0;line-height: 1.3;font-weight: 500; text-align: start;}
.inner-home-wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: center;position: relative;z-index: 1;padding: 90px 0 0;opacity: 0;transform: translateX(-50px) scale(0.95);animation: slideInScale 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;max-width: 55%;}
.slider::after {position: absolute;content: "";width: 100%;max-width:48%;height: 100%;background: url(../images/stonex-banner.webp) no-repeat center bottom/contain;bottom: 0;right: 0;}
.common-btn-wrapper {display: flex;justify-content: start;align-items: center;gap: 40px;margin-top: 20px; width: 100%;}
.common-btn-wrapper .common-btn:last-child a{background: unset; color: #fff; border: solid 1px #fff;}
@keyframes slideInScale {
   0% {
       opacity: 0;
       transform: translateX(-50px) scale(0.95);
   }
   100% {
       opacity: 1;
       transform: translateX(0) scale(1);
   }
} 

/* home-banner */
.owl-carousel { width: 100%; position: relative; z-index: 1; display: none; touch-action: pan-y;}
.owl-carousel.owl-loaded { display: block;}
.owl-carousel .owl-stage-outer { overflow: hidden; position: relative;}
.owl-carousel .owl-stage { display: flex; backface-visibility: hidden;}
.owl-carousel .owl-item {flex: 0 0 auto;min-height: 1px;user-select: none;}
.owl-carousel .owl-item img { display: block; width: 100%;}

/* ===== Drag ===== */
.owl-carousel.owl-drag .owl-item {touch-action: pan-y;user-select: none;}
.owl-nav,
.owl-dots {text-align: center;}
.owl-nav { display: none;}
.owl-dots {margin-top: 15px;}
.owl-dot {display: inline-block;width: 50px;height: 10px;margin: 0 5px;background: #fff;border-radius: 10px;cursor: pointer;}
.owl-carousel button.owl-dot::before {content: "•"; font-size: 14px;color: transparent;display: block;text-align: center;position: absolute;width: 100%;height: 100%;line-height: 10px;top: 0;left: 0;}
button.owl-dot {position: relative;}

/* owl-carousel css  */

/*  Resp menu css  */
.desk-resp-ham {display: none;}
.desk-resp-ham ul.toggle-desk { position: absolute; cursor: pointer; line-height: 12px; min-height: 34px; display: block !important; width: 34px; text-align: center; right: -8px; bottom: 26px; margin: 0 20px;}
.desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: -20px;height: 2px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background: var(--dark-blue) ;transition: all .25s ease;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;background: #f9f9f9;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 999;overflow: scroll;overflow-x: hidden;}
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
 .desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);background: radial-gradient(circle at center, var(--dark-blue), #05152b);}
.desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;}
.desk-resp-ham .sidebar img {width: 85%;}
.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
.desk-resp-ham .sidebar ul.menu li a {position: relative;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 17px;text-align: left;}
.desk-resp-ham .sidebar ul.menu li a.act-link{color: #dcd1bf;}
.desk-resp-ham .sidebar ul.menu > li > a.act-link { color: #fff; background: var(--dark-blue);}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.desk-resp-ham .sidebar ul.menu > li > a:hover, .desk-resp-ham .sidebar ul.menu > li > a.active {background: #fff !important;color: var(--dark-blue);}
.desk-resp-ham .sidebar ul.menu > li > a {display: flex;gap: 5px;align-items: center;border-bottom: 1px solid #f0f8ff24;}
.menu.desk-ham-menu li a:hover {background: #fff !important;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;}
.desk-resp-ham .sidebar ul.menu > li > span { display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted #c9c9c9;}
.desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: var(--purple); width: 100%; width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;}
.desk-resp-ham .sidebar ul.menu > li > span:hover, .desk-resp-ham .sidebar ul.menu > li > span.act-link ,.bottom-box ul li.act-link a {background: var(--dark-blue);color:#fff !important;}
.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;}
.nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;}
.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;}
.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;padding: 10px 0;border-bottom: 1px dotted #c9c9c9;background:var(--dark-blue);}
.nav-dropdown li a {font-size: 15px !important;color: #fff !important;}
.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;}
.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
.desk-ham-menu li a.act-link ~ ul{display: block !important;}
.scrolled-header .desk-resp-ham ul.toggle-desk {bottom:16px;}
.header-logo a{padding:20px 0;}
.header-logo a{font-size: 22px;color: #fff ;font-weight: 800;letter-spacing: .5px;}
.menu.desk-ham-menu li a{color: #fff;}

/* header */
.header-top-section {width: 100%;max-width: 100%;background: #2aaf45;padding: 6px 0;}
.logo {position: absolute;top: -34px;}
.header-top-inner a {width: 100%;max-width: 20px;filter: invert(99%) sepia(1%) saturate(314%) hue-rotate(143deg) brightness(118%) contrast(100%);display: flex;justify-content: center;align-items: center;}
.header-top-inner {display: flex;justify-content: flex-end;align-items: center;gap: 13px;}
.inner-header-wrapper ul li a img {width: 100%;max-width: 110px;height: auto;}
header.scrolled-header .logo {position: unset;top: unset; }
header.scrolled-header .inner-header-wrapper ul li a img{ max-width: 70px;}
header.scrolled-header .inner-header-wrapper {justify-content: center;padding: 4px 0;gap: 40px;}
header.scrolled-header  .inner-header-wrapper > ul {display: flex;justify-content: center;align-items: center;gap: 60px;width: unset;max-width: unset;}
.inner-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:5px;}
.inner-header-wrapper {width: 100%;max-width: 100%;display: flex;justify-content: space-around;align-items: center;gap: 0;background: #fff;border-radius: 0 0 50px 50px;position: relative;padding: 10px 0;}
.inner-header-wrapper::before { position: absolute; content: ""; width: 100%; max-width: 118px; height: 47px; background: #fff; bottom: 28px; left: -57px; transform: rotate(35deg); border-radius:15px; z-index: -1;}
.inner-header-wrapper::after {position: absolute;content: "";width: 100%;max-width: 118px;height: 47px;background: #fff;bottom: 28px;right: -57px;transform: rotate(-34deg);z-index: -1;border-radius: 0 0  0 13px;}
.inner-header-wrapper > ul {
	display: flex;
	justify-content: inherit;
	align-items: center;
	gap: 0;
	width: 100%;
	max-width: 290px;
}
.inner-header-wrapper ul:nth-child(2) li a {font-size: 34px;color: #0799ff;font-weight: 800;letter-spacing: .5px;}
.inner-header-wrapper ul li a { font-weight: 500;  font-size: 18px; cursor: pointer; transition: 1s ease; color: #000;}
.dropdown-wrapper ul li a, .dropdown-wrapper  li span{color: #fff; font-size: 14px;}
 header.scrolled-header{position: fixed;top: 0; left: 0; right: 0; z-index: 999;}
.scrolled-header .inner-header-wrapper{ transition: 1s ease;}
.dropdown-wrapper li svg , .dropdown-wrapper li i {color: #ffc304;padding-right: 10px;font-size: 16px;}
.header-wrapper {position: fixed;z-index: 2;right: 0;left: 0;top: 0;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);}
 header.scrolled-header  .header-wrapper{background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-bottom: 1px solid #2aaf45;}
.inner-header-wrapper ul:nth-child(2) li a {display: flex;padding: 7px 30px;}
.inner-header-wrapper .common-btn a {color: #fff;}
.logo-name {display: none;}
/* header */

/* footer */
.footer-links-main p,  .footer-links-main  a {color: #ffffffb5;}
.footer-inner{position: relative;}
.footer-main-wrapper{background: url(../images/footer-bg-img.webp) no-repeat center center / cover; width:100%; height: 100%;position: relative;}
.footer-inner::before{content: ''; position: absolute;width:100%;background: var(--dark-blue); top:0;left:0; opacity: 0.9; height: 100%; }	
.inner-footer-wrapper{padding:30px 0;position: relative;z-index:1;}
.footer-links-main:nth-child(1) h3 {text-align: left;}
.footer-contact-links {gap:10px 20px;display: flex;justify-content: space-around;align-items: flex-start;padding: 20px 0 50px;flex-wrap: wrap;position: relative;}
.footer-logo p {margin: 8px 0 10px;}
.footer-links-main {width: 100%;max-width: fit-content;color: #fff;text-align: left;min-width: 270px;}
.sub-footer-links li{margin:12px 0;}
.sub-footer-main li{margin: 15px auto;}
.sub-footer-main li a{display:flex; justify-content: flex-start; align-items: center; gap:8px; transition: .3s;}
.footer-address{width:100%;max-width:300px;}
.footer-2 {background: #001A3F;position: relative;}
.footer-headings{text-align:center;}
.sub-footer-links li{text-align:start;}.copyrights p a, .copyrights p {color:#d6cec3db;font-size:12px !important;}
.copyrights {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap:0 10px;}
.copyrights p {color: #ffffffb5;margin: 0;padding: 10px 0;} 
.our-philosophy-inner {position: relative;}
.footer-logo {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 60px 0 0;position: relative;}
.footer-logo p {color: #fff;font-weight: 400;font-size: 20px;}
.footer-links-main h3 {color: #F5Bd23;font-weight: 600;}
.footer-logo img {width: 100%;max-width: 200px;height: auto;}
.sub-footer-links .act-link{color:#e7a813;}
.sub-footer-main li a img {width: 100%;max-width: 25px;height: auto; filter: invert(100%) sepia(0%) saturate(7468%) hue-rotate(91deg) brightness(106%) contrast(104%);}
.sub-footer-main li a:hover img {filter: invert(89%) sepia(88%) saturate(1%) hue-rotate(262deg) brightness(110%) contrast(97%); filter: invert(77%) sepia(81%) saturate(581%) hue-rotate(339deg) brightness(99%) contrast(95%);}
.header-top-inner a:hover img {filter: invert(72%) sepia(19%) saturate(1876%) hue-rotate(347deg) brightness(100%) contrast(93%);}
.drop-down.footer{display: none;}
.footer-links-main p {text-align: left;}
.footer-p {text-align: center;color: #fff;padding: 15px 0 20px 0;max-width: 1000px;margin: auto;}
.footer-social-icons img {filter: invert(89%) sepia(88%) saturate(1%) hue-rotate(262deg) brightness(110%) contrast(97%);width: 100%;max-width: 30px;height: auto;}
.footer-social-icons {width: 100%;max-width: 50px;display: flex;justify-content: center;align-items: center;padding: 14px;background: #124a7c;border-radius: 10px; transition: .3s;}
.footer-social-icons:hover {transform: translateY(-3px);background: #ffffff54;}
.footer-social-icons-main {display: flex;justify-content: flex-start;align-items: stretch;gap: 20px;}
footer h2 {font-size: 38px;font-weight: 600;color: #fff;}
.sub-footer-links li a {color: #fff;position: relative;font-weight: 300;}
.contact-details-right-bottom.footer {padding: 0;gap: 13px;}
.contact-details-right-bottom.footer span img {max-width: 20px;}
.contact-details-right-bottom.footer span {max-width: 38px;height: 38px;}
.contact-details-right-bottom.footer span {background: #fff;}
.contact-details-right-bottom.footer span:nth-child(3) {background: #fff}
.contact-details-right-bottom.footer span img{filter: invert(0%) sepia(90%) saturate(7500%) hue-rotate(59deg) brightness(105%) contrast(111%);}
.why-stonex-inner-wrapper.contact {padding: 100px 0 10px;}
.sub-footer-links li a {font-size: 16px;}
.sub-footer-main li a span {font-size: 16px;}

/* water-proofing */
.water-proofing-main-wrapper { background: url(../images/waterproof-bg.webp) no-repeat center center / cover; width:100%; height: 100%; padding:100px 0; position: relative;}
.water-proofing-main-wrapper::before{content: ''; position: absolute; background: linear-gradient(#000, #8d8b8b);top:0;left:0;width:100%;height:100%;opacity: 0.7; }
.water-proofing-main-wrapper h2 {color: #fff;}
.water-proofing-main-wrapper .top-content{color: #fff;}
.why-stonex-inner-wrapper {position: relative;}
 .services-page-main-wrapper .why-stonex-inner-wrapper .top-content {width: 100%;max-width: 60% !important;padding: unset;} 
.water-proofing-inner-wrapper {position: relative;}
.water-proffing-types span::after {position: absolute;content: '';width: 100%;background: url(../images/icons/serve-arrow.webp) no-repeat center right / contain;filter: invert(100%) sepia(6%) saturate(59%) hue-rotate(311deg) brightness(112%) contrast(100%);height: 100%;right: -126px;top: 0;max-width: 94px;}
.water-proffing-types:nth-child(4) span::after{display: none;}
.water-proffing-types span::before {content: '';position: absolute;width: 100%;max-width: 90%;left: 0;top: 0;height: 90%;border: 1px dashed #fff;border-radius: 50%;bottom: 2px;margin: auto;right: 0px;animation: rotateCircle 12s linear infinite;}
.water-proffing-types {width: 100%;max-width: 220px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
.water-proffing-bottom {display: flex;flex-direction: column;justify-content: center;align-items: center; position: relative;}
.water-proffing-bottom p {text-align: center;color: #fff;font-size: 16px;margin: 5px 0 10px;font-weight: 400;}
.water-proffing-bottom h3 {padding: 10px 0 0;color: #fff;font-size: 22px; text-align: center;}
.water-proofing-inner-wrapper {position: relative;display: flex;justify-content: space-around;align-items: center;}
.water-proffing-types span {display: flex;justify-content: center;align-items: center;width: 150px;height: 150px;border-radius: 50%;background: #fff;font-size: 35px;position: relative;overflow: visible;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: .3s; color:#fff;}
.water-proffing-types:hover span {background: #01182780;color: #fff;}
.water-proffing-types:hover span::before {border: 1px dashed #fff;}
.water-proffing-types:hover span::after {filter: invert(16%) sepia(59%) saturate(1068%) hue-rotate(170deg) brightness(90%) contrast(101%);}

/* rotation animation */
@keyframes rotateCircle {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.water-proofing-inner-wrapper .water-proffing-types span{display: flex; justify-content: center; align-items: center;}

/* about us */
.about-us-main-wrapper {padding: 100px 0 85px; position: relative;}
.about-us-main-wrapper::before{content:'';position: absolute;width:100%;height:100%;background:url(../images/about-us-banner.webp) no-repeat center center / cover;opacity: 0.1;top:0;left:0}
.about-us-left {position: relative;width: 100%;max-width: 550px;overflow: hidden;border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about-us-left img {width: 100%;max-width: 550px;height: auto;border-radius: 10px;  display: block;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.about-us-right {width: 100%;max-width: 670px;position: relative;}
.about-us-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 50px;}
.about-us-main-wrapper .why-stonex-inner-wrapper h2 {text-align: left;}
.about-us-main-wrapper .why-stonex-inner-wrapper P {text-align: left;margin: 15px 0 0 0 !important;padding: 0 0 10px 0;}
.about-us-right p {margin: 0 0 15px; color: #4A4A4A; text-align: start;}
.about-us-left:hover::after {left: 120%;}
.water-proffing-types span { position: relative; display: inline-block;}
.water-proffing-types span::after {position: absolute;content: '';width: 100%;max-width: 94px;height: 100%;right: -126px;top: 0;background: url(../images/icons/serve-arrow.webp) no-repeat center right / contain;filter: invert(100%) sepia(6%) saturate(59%) hue-rotate(311deg) brightness(112%) contrast(100%); animation: arrowMove 1s infinite ease-in-out;}
.about-us-left::before {content: "";position: absolute;top: -100%;left: -100%;width: 200%;height: 200%;background: rgba(255, 255, 255, 0.25);filter: blur(20px);transform: translate(0, 0) rotate(20deg);opacity: 0;transition: transform 1s ease, opacity 1s ease;}
.about-us-left:hover::before {transform: translate(50%, 50%) rotate(40deg);opacity: 1;}
.inner-header-wrapper ul li a:hover{color: #F5A623;}

@keyframes arrowMove {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(12px);
    }
    100% {
        transform: translateX(0);
    }
}

/* services */
.industries-serve-main-wrapper {padding: 100px 0;}
.industries-serve-inner-main {width: 100%;max-width: 400px;height: 100%;min-height: 450px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;border-bottom: 10px solid #F5A623;  overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.industries-serve-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 60px;}
.industries-serve-inner-main img {width: 100%;max-width: 50px;filter: invert(79%) sepia(84%) saturate(3126%) hue-rotate(337deg) brightness(98%) contrast(98%);}.industries-serve-inner-main h3 {color: #fff;padding: 20px 0 0 0;font-size: 24px;position: relative;}
.industries-serve-inner-main a {color: #F5A623;font-size: 16px;font-weight: 400;position: relative;display: flex;justify-content: center;align-items: center;gap: 5px;margin: 5px 0 15px;}
.industries-serve-inner-main::before {content: '';position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: linear-gradient(to bottom, #fff0, #000);opacity: 0.9;}
.industries-serve-inner-main span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 38px;}
.industries-serve-main-wrapper .common-btn a {margin: 28px auto 0;}
.industries-serve-inner-main a span img { transition: transform .3s ease;  animation: arrowMove 0.6s infinite ease-in-out;}

@keyframes arrowMove {
    0% { transform: translateX(0); }
    50% { transform: translateX(4px); }
    100% { transform: translateX(0); }
}

.industries-serve-inner-main::after {content: "";position: absolute;top: 0;left: -120%;width: 100%;height: 100%;background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.7) 50%, #efecec00 100% );transform: skewX(-20deg);transition: 1.7s ease;pointer-events: none;}

/* Move shine on hover */
.industries-serve-inner-main:hover::after { left: 130%; }

/* why choose stonex */
.why-stonex-inner-wrapper .top-content {text-align: center;padding: 0 0 15px;font-size: 22px !important;color: #000 ;width: 100%;max-width: 900px;margin: 15px auto;line-height: 1.3;font-weight: 500;}
.why-choose-stonex-main-wrapper {padding: 100px 0;}
.mission-vision-inner-left.index {border: none;max-width: 650px;padding: 0;gap: 12px;align-items: center;justify-content: flex-start;}
.why-choose-right {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 478px;gap: 14px;}
.why-choose-main {display: flex;justify-content: center;align-items: center;gap: 15px;padding: 30px 0 0;}
.why-choose-left {width: 100%;max-width: 400px;}
 .why-choose-left img {width: 100%;max-width: 358px;height: auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.mission-vision-inner-left.index span {top: 0;width: 60px;height: 60px;border: 2px dotted #2AAF45; 	position: relative;animation: pulseBorder 2.5s infinite ease-in-out;animation: rotateCircle 8s linear infinite;}
@keyframes pulseBorder {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.05);
		opacity: 0.85;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes rotateCircle {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.mission-vision-inner-left.index h3 {font-size: 22px;}

/* .inner-header-wrapper .common-btn{padding: 13px 26px 11px;} */
.common-btn {display: flex;justify-content: center;align-items: center;}
.common-btn a, .common-btn button {border-radius: 20px;font-weight: 500;padding: 11px 32px 11px;color: #ffffff;font-size: 18px;width: 100%;max-width: fit-content;min-width: 140px;text-align: center;background: #2aaf45;display: flex;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: all 0.3s ease;position: relative;overflow: hidden;justify-content: center;align-items: center;border: 1px solid #2aaf45;}
.common-btn.yellow-btn:hover a {color: #f8f4f4;}
.common-btn:hover a {color: #f8f4f4;}
.inner-header-wrapper:hover .common-btn:hover a {color: #fff;}
.common-btn a::before,
.common-btn a::after { content: ""; position: absolute;width: 0;height: 0;border: 2px solid var #fff;transition: 0.35s ease;}
.common-btn a::before { top: 0; left: 0; border-width: 2px 0 0 2px;}
.common-btn a::after { bottom: 0; right: 0; border-width: 0 2px 2px 0;}
.common-btn a:hover::before,
.common-btn a:hover::after {width: 100%;height: 100%;   box-shadow: 0 0 20px #fff, 0 0 25px #f5bd23;}


.inner-header-wrapper ul li a {font-weight: 500;font-size: 18px;cursor: pointer;transition: 1s ease;}
.inner-header-wrapper .common-btn a.active{background: #072026; color: #ffffff;}
.sub-footer-links li a.active, .sub-footer-links li a:hover {color: var(--yellow);}
/* .inner-header-wrapper .common-btn a.active {background: var(--dark-blue);color: var(--yellow);} */
.footer-links-main a:hover p{color: var(--yellow);}
.footer-links-main a:hover span img{filter: invert(77%) sepia(81%) saturate(581%) hue-rotate(339deg) brightness(99%) contrast(95%);}
.footer-add span img {width: 100%;max-width: 18px;filter: invert(100%) sepia(0%) saturate(5810%) hue-rotate(103deg) brightness(126%) contrast(100%);height: auto;}
.footer-add span {display: flex;justify-content: flex-start;align-items: center;width:100%;max-width:22px;}
.footer-add {display: flex;justify-content: flex-start;align-items: flex-start;gap: 0;}
.footer-contact-links .address-lines {margin: 0;font-weight: normal; font-size: 15px;}
.footer-add {margin: 10px 0 0;}
.contact-details-right-bottom.footer > h3 {font-size: 22px;}
.sub-footer-main a:hover {	color: var(--yellow);}
.basement-wt-we-offer-main-wrapper .basement-wt-we-offer-inner-wrapper h3 {text-align: center;}


/* common css */
   .wrapper{overflow: hidden;}
   .wrapper{width: 100%;overflow: hidden;}
   .fluid-container{width: 100%;max-width: 1350px;margin: 0 auto;padding: 0 20px;}
	h1 {font-size: 38px;font-weight: 400;color: var(--dark-blue);}
    h2 {font-size: 37px;font-weight: 600;color: var(--dark-blue);}
	h3{font-size: 25px;font-weight: 500;}
	.inner-h2{color: #000; font-weight: 600;}

/* common css */
.why-stonex-inner-wrapper h2 {text-align: center;}
h2 span {background: linear-gradient(90deg, #053c6c, #308841); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* why-stonex */

/* services */
.our-services-main-wrapper {background: #F6FAFF;padding: 100px 0;}
.services-main span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50px;}
.services-main {width: 100%;max-width: 555px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 8px; background: #fff;}
.services-main h4 {padding: 15px 0 0 0;font-size: 20px;font-weight: 700 !important;text-align: center;color: #19832f;}
.services-pg-main-wrapper {padding: 100px 0;}
.services-main p {text-align: center;margin: 0;padding: 10px 0 0 0;}
.services-main p {font-size: 18px;color: #4A4A4A;}
.why-stonex-inner-wrapper.services h2 {padding: 0 0 30px;}
.services-page-types-left.sevices-inner h2 { padding: 0 0 7px 0;}
.read-more {width: 100%;max-width: 123px;display: flex;justify-content: space-between;align-items: center;gap: 0;width: 100%; font-size:15px;}
.read-more {justify-content: flex-start;}
.read-more img {width: 100%;max-width: 33px;transition: transform 0.35s ease; height: auto;}
.read-mor a:hover img {transform: rotate(45deg);}

/* Our Projects */
.projects-main-wrapper {padding: 100px 0;}
.projects-img {width:100%; height: 440px; min-width:300px; display: flex; justify-content: center; align-items: flex-end; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.projects-img::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom, #d9d9d90f 10%, #000 100%);opacity: 0.8;}
.projects-inner-wrapper h3 {color: #fff;padding: 0 0 20px; text-align: center;font-size: 19px; position: relative;}
.projects-inner-wrapper {display: flex;justify-content: center;align-items: center;}
.projects-main-wrapper .owl-item.active {width: 100%;min-width: 300px !important;}
.projects-inner-wrapper {width: 100%;max-width: 1200px;margin: auto;}

/* animation-ready base */
.projects-img {overflow: hidden;transition: transform 0.6s ease;}
.projects-img::before { transition: opacity 0.6s ease;}
.projects-inner-wrapper h3 {transform: translateY(25px);opacity: 0;transition: transform 0.6s ease, opacity 0.6s ease;z-index: 2;}

.projects-img:hover::before {opacity: 0.95;}
.projects-img:hover h3 {transform: translateY(0);opacity: 1;}
.projects-img,
.projects-img::before,
.projects-img h3 { will-change: transform, opacity;}

/* protect */
.protecting-main-wrapper {padding: 100px 0; background: url(../images/banner.jpg) no-repeat center center / cover; width:100%; height: 100%; position: relative;margin: 0 0 100px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.protecting-main-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #0b2c4cb0;}
.protecting-left {width: 100%;max-width: 400px; position: relative; display: inline-block;overflow: hidden;}
.protecting-left img{width:100%;max-width: 400px; height: auto;  animation: softBreath 6s ease-in-out infinite;}
.protecting-right {width: 100%;max-width: 700px; position: relative;}
.protecting-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 60px;}
.protecting-right h2 {color: #fff;}
.protecting-right p {color: #fff;font-weight: 400;}
.protecting-right .common-btn {justify-content: flex-start;}
.protecting-left::before {content: "";position: absolute;top: -60%;left: -60%;width: 220px;height: 220px;border-radius: 50%;pointer-events: none;background: radial-gradient( circle, rgba(255,255,255,0.35), rgba(255,255,255,0.08) 40%, rgba(255,255,255,0) 70%);filter: blur(25px);opacity: 0.6;animation: rainGlow 5s ease-in-out infinite;}
.protecting-left img { width: 100%; max-width: 450px; animation: floatUmbrella 4s ease-in-out infinite;}
@keyframes floatUmbrella { 0%,100% { transform: translateY(0); } 50%     { transform: translateY(-12px); }}



/* Form */
    .index-form {display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;width: 100%;max-width: 480px;margin: auto;}
    .input-wrapper { position: relative; width: 100%;   border-bottom: 1px solid #fff;}
    .index-form.in-p label {color: #fff !important;}
    .index-form.in-p input, .index-form.in-p textarea {color: #fff !important;}
    .contact-pg-main {display: flex;justify-content: center;align-items: stretch;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 100%;max-width: fit-content;margin: auto; border-radius: 10px;}
    .contact-pg-main img {width: 1005;max-width: 500px;}
    .form-contact {padding: 30px 30px 35px; background: #00000003;}
    .contact-pg-main .footer-social-icons {max-width: 35px;padding: 8px; border-radius: 7px; transition: all 0.4s ease;}
    .contact-pg-main img {width: 100%;max-width: 480px; transition: transform 0.4s ease, filter 0.4s ease; }
    .contact-pg-main .footer-social-icons-main {justify-content: center;}
    .contact-pg-main > img {border-top-left-radius: 10px;border-bottom-left-radius: 10px;border: 2px solid #1dadd6;border-right: none;}
    .contact-pg-main .footer-social-icons:hover {background: rgb(0, 126, 189);transform: translateY(-4px);}
    .contact-pg-main .footer-social-icons:hover img { transform: scale(1.15); }  
/* Form */

/* Lable Animation */
 .user-box input, .user-box-readonly input, .user-box select {width: 100%;font-size: 14px;outline: none;background: transparent;position: relative;color: #131313;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border: 1px solid #27272785;border-radius: 8px;padding: 14px;font-weight: 500;}
 .user-box textarea {width: 100%;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;font-size: 14px;background: #ffffff;color: #131313;border: 1px solid #27272785;border-radius: 6px;padding: 14px;min-height: 150px;transition: all 0.3s ease;font-weight: 500;}
 .contact-pg-left {width: 100%;max-width: 500px;}
 .contact-pg-left img {width: 100%;max-width: 500px;height: auto;}
  form .common-btn button:hover {background: var(--dark-blue);color: #fff !important;}
 .user-box label,
 .user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 16px; color: #131313; pointer-events: none; transition: .5s;}
 .user-box-readonly label {top: -15px;}
 .banner-details-right .user-box-readonly label {color: var(--blue); top: -15px;}
 .user-box-readonly select {padding: 20px 0 10px;}
  input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */}
 .contact-right .common-btn button span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 20px;}
 .contact-right .common-btn button span img {width: 100%;max-width: 20px;height: auto;filter: invert(18%) sepia(57%) saturate(1604%) hue-rotate(185deg) brightness(95%) contrast(90%);transform: rotate(-45deg);}
 .contact-right .common-btn button {display: flex;justify-content: center;align-items: center;background: #2aaf45;border: none;color: #fff;font-size: 17px;font-weight: 500;padding:14px 30px;}

/* Lable Animation */
.map-main-wrapper {padding: 0 0 100px;}
.map-inner-wrapper {width: 100%;max-width: 1050px;margin: auto;}
.form-contact h3 {padding: 0 0 10px; text-align: center; font-weight: 600;}
.form-contact h3 span{color: var(--yellow);}
 iframe {width: 100%;max-width: 1050px;}
.address-main a span {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 30px;}
.address-main a span img{width:100%;max-width: 30px; filter: invert(18%) sepia(57%) saturate(1604%) hue-rotate(185deg) brightness(95%) contrast(90%);}
.address-main {width: 100%;max-width: 400px;}
.contact-details-right {width: 100%;}
.address-main a .address-lines {text-align: left; margin: 0;}
.address-main a {display: flex;justify-content: flex-start;align-items: flex-start;gap: 15px;}
.address-lines span {color: #414141;font-size: 22px;padding: 0 0 5px;font-weight: 700;}
.ct-name {color: #414141;font-size: 22px;padding: 0 0 5px;font-weight: 700;}
.details a span img {width: 100%;max-width: 30px;height: auto;filter: invert(18%) sepia(57%) saturate(1604%) hue-rotate(185deg) brightness(95%) contrast(90%);}
.details p{margin:0;}
.details a {display: flex;justify-content: flex-start;align-items: flex-start;gap: 12px;}
.details {display: flex;justify-content: flex-start;align-items: center;gap: 85px;}
.contact-details-main {display: flex;justify-content: flex-start;align-items: center;gap: 45px;padding: 25px 0 0 0;}
.contact-details-right-bottom span {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 30px;}
.contact-details-right-bottom span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 60px;height: 60px;background: #000;border-radius: 50%;}
.contact-details-right-bottom span:nth-child(3){background: #004C9C;}
.contact-details-right-bottom span:nth-child(4){background: #E7476E;}
.contact-details-right-bottom span:nth-child(5){background: #006EE2;}
.contact-details-right-bottom span img {width: 100%;max-width: 25px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);display: flex;justify-content: center;align-items: center;}
.contact-details-right-bottom {display: flex;justify-content: flex-start;align-items: center;padding: 40px 0 0 12px;gap: 30px;}
.contact-details-right-bottom h3 {font-size: 38px;font-weight: 700;}
.contact-main-wrapper {padding: 0 0 100px;}
/* prajwal */

/* sitemap */
    .sitemap-main-wrapper {padding: 100px 0;background: linear-gradient(to bottom, #ADD8E6 0%, #ADD8E645 30%, #FFF 75%, #FFF 100%);}
    .sitemap-main {display: flex;justify-content: flex-end;align-items: center;padding: 25px 0 0 0;gap: 20px;}
    .sitemap-links {width: 100%;max-width: 450px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .sitemap-links-main {display: flex;justify-content: center;align-items: center;padding: 50px 0;width: 100%;max-width: 900px;margin: auto;}
    .sitemap-inner-wrapper{display: flex; justify-content: center; align-items: center;}
    .sitemap-pg-link span {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 20px;}
/* sitemap */

/* error page */
  .error-page-inner-wrapper {padding: 100px 0 100px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .error-page-inner-wrapper .common-btn {max-width: 155px;transform: skewX(-17deg);}
  .error-page-inner-wrapper p{text-align: center;}
  .error-contant{padding:150px 0;}
  .error-contant p {text-align: center;font-size: 50px;color: #1464ab;}
  .sitemap-pg-link a {display: flex;justify-content: center;align-items: center;gap: 13px;width: 100%;max-width: 200px;font-size: 28px;font-weight: 500;}
  .sitemap-pg-link a img {width: 100%;max-width: 40px;}
  .sitemap-pg-link {display: flex;justify-content: center;align-items: center;gap: 25px;padding: 25px 0 0;}
/* error page */

/* inner banner */
    .bread-crumbs {height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;position: relative;}
    .bread-crumbs h1 {color: #fff;font-weight: 600; padding: 0 0 10px 0;}
    .bread-crumbs-main {display: flex;justify-content: flex-start;align-items: center;gap: 10px;border: 1px solid var(--yellow);padding: 0 10px;background: #f5bd2312;}
    .inner-banner-main-wrapper .fluid-container{display: flex;justify-content: space-between;align-items: center;height: 100%;}
    .inner-banner-main-wrapper {width: 100%;height: 60vh;position: relative;display: flex;justify-content: center;align-items: center;padding: 0 0 20px;}
    .inner-banner-main-wrapper::before {content:'';position: absolute; width: 100%; height:100%;background: var(--dark-blue); top:0; left:0; opacity: 0.8;} 
    .inner-banner-inner-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;max-width: 281px;right: 30px;bottom: 0;background: url(../images/inner-page-person.webp) no-repeat right bottom / contain;min-height: 200px;}
    .inner-banner-inner-wrapper{ display: flex; justify-content: flex-start; align-items: flex-start; height:100%; width:100%;}
    .inner-banner-button {display: flex;justify-content: center;align-items: center;gap: 20px;}
    .inner-banner-button .common-btn:nth-child(1) a, .common-btn button {background: var(--yellow);color: #000;padding: 10px 20px 10px 15px;border: 1px solid var(--yellow);}
    .inner-banner-button .common-btn.join img {right: -4px;}
    .inner-banner-button .common-btn:nth-child(2) a, .common-btn button {border: 2px solid var(--yellow);background: #3C3C3C;padding: 10px 12px;}
     .bread-crumbs p {color: #fff;margin: 6px 0;}
    .bread-crumbs-main {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
    .bread-crumbs-main p, .bread-crumbs-main a {font-size: 15px; color: #fff;}
    .bread-crumbs-main img {width: 100%;max-width: 20px;height: auto;position: relative;bottom: 2px;} 
/* inner banner */

/* contact pg */
.contact-pg-main-wrapper{position: relative;}
/* .contact-pg-main-wrapper::before{content:'';position:absolute;width:100%; height:100%; background:url(../images/contact-1.webp) no-repeat top left / contain;max-width:450px;top:0; left:0;} */
.contact-add > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 70px;background: var(--yellow);height: 70px;border-radius: 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position: relative;z-index: 1;}
.contact-add span img {width: 100%;max-width: 38px;height: auto;}
.contact-location-main p span {display: flex;justify-content: flex-start;align-items: center;font-weight: 700; color: #414141;}
.contact-location-main a {display: flex;justify-content: flex-start;align-items: center;gap: 25px;}
.contact-location-main p {font-size: 17px;font-weight: 500;color: #272727; text-align: left;}
.contact-location-main a {width: 100%;max-width: 460px;display: flex;}
.contact-location-main {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.contact-details-right-bottom.contact-pg  h3 {font-size: 32px;}
.contact-details-right-bottom.contact-pg {justify-content: center;border: 1px solid var(--yellow);width: 100%;max-width: 570px;margin: auto;padding: 22px;background: #F5BD2012;border-radius: 10px;margin: 35px auto 0;gap: 14px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.contact-details-right-bottom.contact-pg  span {max-width: 50px;height: 50px;}

.benefits-main-wrapper::after {content: '';position: absolute;width: 100%;height: 100%;min-width: 500px;background: url(../images/man.webp) no-repeat center right/ contain;top: -87px;right: 160px;min-height: 420px;}
.contact-form-main-wrapper {padding: 100px 0; position: relative;}
.contact-form-main-wrapper::before{ content:'';position:absolute;width:100%; height:100%; background:url(../images/contact-2.webp) no-repeat bottom right / contain;max-width:350px;bottom:0; right:0;}
.contact-inner-wrapper.contact-pg {flex-direction:row-reverse ;}
.contact-details-right-bottom.contact-pg h3 {padding: 0 20px 0 0;}
.contact-right h2 {text-align: center;padding: 0 0 25px;color: #000;}
.map {width: 100%;max-width: 800px;margin: auto;padding: 100px 0 0;}
/* contact pg */

/* services */
.project-info-hd.services h2 span {max-width: 270px !important;}
.services-pg-main-wrapper .why-stonex-inner-wrapper .top-content {text-align: left;margin: 10px 0 0 0; font-weight: 600;}
.services-pg-left {width: 100%;max-width: 768px;}
.services-pg-left p{ text-align: left; }
.services-pg-left p {margin: 0;}
.services-num-icon {width: 100%;max-width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #fff;}
.services-right-bottom a:hover {color: #000;font-weight: 400;}
.services-right-top {display: flex;justify-content: space-between;align-items: center;}
.services-right-top span {display: flex;justify-content: center;align-items: center;font-size: 60px;font-weight: 700;color: transparent;-webkit-text-stroke: 2px #000;opacity: 0.5;}
.services-right-top {display: flex;justify-content: space-between;align-items: center;}
.services-right-bottom h3 {font-weight: 600;}
.services-right-top-main {width: 290px;padding: 12px;background: var(--yellow);height: 330px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.services-right-bottom {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;height: 230px;}
.services-pg-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 162px;}
.services-num-icon img {width: 100%;max-width: 40px;}
.services-types-main {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 20px;padding: 20px 0 0;}
.services-page-inner-wrapper {padding: 60px 0 0;}
.services-page-inner-wrapper h2 {text-align: center;}
.services-page-types-left {width: 100%;max-width: 685px;}
.services-page-types-left h4 {font-size: 20px;font-weight: 600;padding: 13px 0 0 0;color: #171717;}
.services-page-types-left p {text-align: left;color: #000000a8;}
.services-page-types-left .common-btn {justify-content: flex-start ;}
.services-page-types-left h3 {font-weight: 600;}
.services-page-types-right {width: 100%;max-width: 500px;}
.services-page-types-right img {width: 100%;max-width: 500px;height: auto;border: 1px solid green;border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.services-page-types {display: flex;justify-content: space-between;align-items: center; padding: 50px 0 0;}

.water-proofing-main-wrapper.services .water-proofing-inner-wrapper {align-items: start;}
.water-proofing-main-wrapper.services .water-proofing-inner-wrapper {align-items: start;flex-wrap: wrap;gap: 60px 110px;justify-content: center;position: relative;width: 100%;max-width: 1024px; margin:auto;}
.water-proffing-types span { position: relative;}
.water-proffing-types:nth-child(1) span {background: #a3002f;}
.water-proffing-types:nth-child(2) span {background: #03bfb6;}
.water-proffing-types:nth-child(3) span {background:  #FFC50F;}
.water-proffing-types:nth-child(6) span {background:  #4ed7f1;}
.water-proffing-types:nth-child(5) span {background:  #D34E4E;}
.water-proffing-types:nth-child(4) span {background:  #db7c07;}

/* flip only 5th item */
.water-proffing-types:nth-child(5) span::after {transform: scaleX(-1) !important;}
.water-proffing-types:nth-child(4) span::after{ transform: scaleX(-1) !important;}
.water-proofing-main-wrapper.services .water-proffing-types:nth-child(4) span::after{display: block;}
.water-proofing-main-wrapper.services .water-proffing-types:nth-child(6) span::after{display: none;}
.water-proofing-main-wrapper.services .water-proffing-types:nth-child(3) span::after{display: none;}
.projects-main-wrapper.services h2{padding:0 0 30px 0;}
.water-proofing-main-wrapper.services .water-proofing-inner-wrapper::before {position: absolute;content: '';width: 100%;max-width: 74px;right: 0;border: 2px solid #fff;top: 41px;min-height: 57%;border-left: none;}
.water-proofing-main-wrapper.services .water-proffing-types:hover span::after {filter:invert();}
.water-proofing-main-wrapper.services .water-proofing-inner-wrapper::after {content: '';position: absolute;bottom: 188px;right: 66px;width: 16px;height: 13px;clip-path: polygon(50% 0%, 0% 100%, 100% 100%) !important;background: #fff;rotate: 29deg;bottom: 180px;}
.services-right-top-main.first {display: none;}
.water-proofing-main-wrapper.services .water-proffing-types span::after {animation:normal}


.project-info-hd.services{gap:3px;}

/* basement waterproofing */
.services-page-types.basement-water-proofing .services-page-types {width: 100%;max-width: 80%; margin:auto;}
.services-page-types.basement-water-proofing .services-page-types-right img {width: 100%;height: auto;}
.services-page-types.basement-water-proofing .services-page-types-right {width: 100%;max-width: 360px;position: relative;z-index: 1;}
.basement-wt-we-offer-main-wrapper .basement-wt-we-offer-inner-wrapper h3 {padding: 0 0 30px;font-weight: 600;}
.services-page-types.basement-water-proofing{position: relative;}
.services-page-types.basement-water-proofing::before {content: '';position: absolute;width: 100%;height: 100%;background: url(../images/contact-1.webp) no-repeat right top / contain;top: -35px;right: 0;background-position: left top;transform: scaleX(-1);}
.services-page-types.basement-water-proofing .services-page-types-right {width: 100%;max-width: 290px;position: relative;z-index: 1;}
.offer-types img {width: 100%;max-width: 80px;height: auto; filter: invert(81%) sepia(75%) saturate(2330%) hue-rotate(339deg) brightness(99%) contrast(94%);}
.offer-types {width: 100%;max-width: 220px;display: flex;flex-direction: column;justify-content: center;align-items: stretch;border-right: 1px dotted;}
.offer-types-main {display: flex;justify-content: space-between;align-items: stretch;}
.offer-types p {text-align: left;font-size: 20px;line-height: 1.4;}
.basement-wt-we-offer-main-wrapper {padding: 50px 0 0;}
.benefits-main-wrapper {margin: 130px 0 100px;padding: 80px 0;background: var(--dark-blue);position: relative;}
.benefits-main-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;max-width: 458px;background: url(../images/bg.webp) no-repeat center left/ contain;top: 0;left: 0;}
.benefits-inner-wrapper {width: 100%;max-width: 402px;margin: auto;}
.benefits-inner-wrapper h3 {color: #fff;font-size: 30px;padding: 0 0 13px 0;}
.benefits-inner-wrapper ul li {color: #fff;padding: 6px 0 6px 27px;font-weight: 400;font-size: 16px; position: relative;}
.benefits-inner-wrapper ul li::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;max-width: 20px; background: url(../images/icons/right.webp) no-repeat center center /contain; filter: invert(81%) sepia(75%) saturate(2330%) hue-rotate(339deg) brightness(99%) contrast(94%);}
.ideal-main-wrapper {padding: 0 0 100px;}
.ideal-inner-wrapper-img {width: 100%;height: 100%;max-width: 245px;min-height: 260px;display: flex;justify-content: center;align-items: flex-end;border-bottom: 8px solid var(--yellow); position: relative;}
.ideal-inner-wrapper-img::before{ content: '';position: absolute; width:100%; height:100%; top:0;left:0; background: linear-gradient(to bottom, transparent, #000); opacity: 0.9;}
.ideal-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 50px;}
 .ideal-inner-wrapper-img h4 {position: relative;color: #fff;padding: 0 10px 10px;font-size: 18px;line-height: 1.4;font-weight: 500;text-align: center;}
.ideal-main-wrapper h3 {padding: 0 0 30px;font-size: 25px;font-weight: 600;}
.services-page-types.basement-water-proofing .services-page-types-left {max-width: 600px;}
.ideal-main-wrapper h3 {padding: 0 0 30px;font-size: 25px;font-weight: 600;width: 100%;text-align: center;}
.read-more:hover img {transform: rotate(45deg);}
.read-more:hover {color: #000;}
/* harika css */

.benefits-main-wrapper.basement::before {content: '';position: absolute;width: 100%;height: 100%;max-width: 458px;background: url(../images/bg.webp) no-repeat center right/ contain;top: 0;right: 0; left: unset; transform: rotate(180deg);}
.benefits-main-wrapper.basement::after {content: '';position: absolute;width: 100%;height: 100%;min-width: 500px;background: url(../images/man.webp) no-repeat center left/ contain;top: -86px;left: 160px;min-height: 420px;}
.basement-wt-we-offer-main-wrapper.basement .offer-types-main{flex-wrap: wrap; justify-content: center; gap: 50px 30px;}
.ideal-inner-wrapper-img h4 {text-align: center;}
/* harika css */

.basement-wt-we-offer-main-wrapper.roof .offer-types-main {justify-content: center;flex-wrap: wrap;gap: 80px;}
.basement-wt-we-offer-main-wrapper.roof .offer-types {max-width: 260px;}
.basement-wt-we-offer-main-wrapper.roof .offer-types:nth-child(6){ border-right: none;}
.basement-wt-we-offer-main-wrapper.roof .offer-types:nth-child(4){ border-right: none;}
.offer-types:nth-child(5){ border-right: none;} 
.basement-wt-we-offer-main-wrapper.roof .offer-types:nth-child(5) {border-right: 1px dotted !important;}
.basement-wt-we-offer-main-wrapper.polyurea
.offer-types-main {justify-content: left;gap: 50px;}
.basement-wt-we-offer-main-wrapper.polyurea .offer-types:nth-child(3){border-right: none;}
.basement-wt-we-offer-main-wrapper.polyurea .offer-types {max-width: 256px;}
.ideal-main-wrapper.polyurea .ideal-inner-wrapper {gap: 15px;}
.ideal-main-wrapper.polyurea h3 {max-width: 100%;}
.ideal-main-wrapper.expansion h3{max-width: 100%;} 

/* expansion */
.benefits-main-wrapper.expansion::after {top: -55px;}

/* wet area */
.ideal-main-wrapper.wet-areas h3 {max-width: 100%;}
.benefits-inner-wrapper.types-of-epoxy{padding: 0 0 100px;}

/* projects */
.project-pg-types-main-wrapper:nth-of-type(2n) {background: none; padding:0;}
.about-us-main-wrapper.projects::before{display: none;}
.about-us-main-wrapper.projects .about-us-left {box-shadow: none; }
.benefits-inner-wrapper.projects ul li {color: #000;font-weight: 500;}
.benefits-inner-wrapper.projects { margin: inherit;}
.project-pg-types-main-wrapper {padding: 0 0 80px;}
.project-rt{width:100%;max-width: 400px; height: 40px;}
.project-rt {width: 100%;max-width: 550px;height: 620px;display: flex;justify-content: center;align-items: flex-end;position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.project-rt::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom, #fff0, black);opacity: 0.8;}
.project-rt h3 {color: #fff;font-size: 21px;margin: 0 0 20px;padding: 10px;background: #ffffff59;;border-radius: 5px; position: relative;}
.project-info-hd > span {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 35px !important;}
.project-info-hd span img {width: 100%; max-width:35px;height: auto;}
.project-info-hd {display: flex;justify-content: flex-start;align-items: center;gap: 13px;}
.project-info-hd h3 {font-size: 21px;font-weight: 600;}
.benefits-inner-wrapper.projects h3 {color: #000; padding: 0;}
.benefits-inner-wrapper.projects {max-width: 580px; }
.benefits-inner-wrapper.projects .project-info-hd span img {filter: invert(81%) sepia(75%) saturate(2330%) hue-rotate(339deg) brightness(99%) contrast(94%);}
.benefits-inner-wrapper.projects  .project-info-hd {padding: 15px 0;}
.benefits-inner-wrapper.projects ul {padding: 0 0 0 37px;}
.benefits-inner-wrapper.projects .project-info-hd {gap: 6px;}
.benefits-inner-wrapper.projects .project-info-hd h3 {display: flex;justify-content: start;align-items: start;gap: 3px;width: 100%;}
.project-info-hd span {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 162px; font-weight: 500;}
.benefits-inner-wrapper.projects .project-info-hd:nth-child(4){padding:5px 0 15px;}
.benefits-inner-wrapper.projects .project-info-hd:nth-child(3){padding:15px 0 0 ;}
.projects-pg-types-inner-wrapper {display: flex;justify-content: center;align-items: center;position: relative;}
.project-lf {width: 100%;max-width: 615px;}
.project-hd {width: 100%;max-width: 225px !important; display: flex;justify-content: flex-end;align-items: center;padding: 10px 27px 10px 0;background: var(--yellow);border-radius: 47px;position: relative;margin: 0 0 40px;}
.project-hd::before {content: '';position: absolute;width: 100%;max-width: 70px;background: url(../images/person-hd.webp) no-repeat center center / contain;left: 14px;top: -32px !important;height: 81px;}
.project-hd h2 {color: #000;font-size: 25px !important;}
.project-info {padding: 40px 30px 5px 40px;margin: 30px 0 30px 30px auto;background: #fff;position: relative;}
.project-info::before {content: '';position: absolute;width: 100%;height: 100%;border: 1px dotted;top: 15px;left: 15px;}
.project-pg-types-main-wrapper {padding: 100px 0;background: url(../images/paper-texture-projects.webp) no-repeat center center / cover;width: 100%;height: 100%;position: relative;margin-top: 100px;}
.project-pg-types-main-wrapper::before{content: ''; position: absolute; width: 100%; height: 100%; background: #fff; top:0; left:0; background:#fff; opacity: 0.7;}
.projects-pg-types-main {display: flex;flex-direction: column;justify-content: center;gap: 70px;}
.out-come-projects {position: relative;width: 100%;max-width: 942px;padding: 0 0 0 90px;}
.projects-pg-inner-types-main {display: flex;flex-direction: column;justify-content: flex-start;gap: 30px;}
.out-come-projects p {padding: 0 0 0 49px;text-align: left;margin: 3px 0;}
.projects-pg-inner-types-main:nth-child(2n) .projects-pg-types-inner-wrapper {flex-direction: row-reverse ;}
.projects-pg-inner-types-main:nth-child(2n) .projects-pg-types-inner-wrapper .project-lf .project-hd {margin: 0 0 40px 30px;}
.projects-pg-inner-types-main:nth-child(2n) .projects-pg-types-inner-wrapper .out-come-projects {padding: 0;}
.projects-pg-inner-types-main:nth-child(2) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects, .projects-pg-inner-types-main:nth-child(3) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects, .projects-pg-inner-types-main:nth-child(5) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects {max-width: 580px;padding: 14px 0 0 0;}
.projects-pg-inner-types-main:nth-child(2n) .project-info-hd {display: flex;justify-content: flex-end;align-items: center;gap: 13px;}
.projects-pg-inner-types-main:nth-child(2n) .out-come-projects {position: relative;width: 100%;max-width: 942px;padding: 0 82px 0 0;margin-left: auto;}
.projects-pg-inner-types-main:nth-child(2n) .out-come-projects p {padding: 0 45px 0 0;text-align: right;margin: 3px 0;}
.projects-pg-inner-types-main:nth-child(2n) .project-info::before {left: -15px;}
.projects-pg-inner-types-main:nth-child(2n) .project-info > .project-info-hd:first-of-type {justify-content: flex-start; align-items: center;}
.about-us-main-wrapper.projects {padding: 100px 0 0;position: relative;}

/* Make owl carousel fill project-rt */
.project-rt .owl-carousel,
.project-rt .owl-stage-outer,
.project-rt .owl-stage,
.project-rt .owl-item { height: 100%;}
.project-rt .project-img {width: 100%;height: 100%;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: flex-end;position: relative;}
.project-rt .project-img::before{ content:'';position: absolute; width:100%;height:100%;top:0;left:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,   rgba(0, 0, 0, 1) 100%   );opacity: 0.9;}
.project-rt .project-img-carousel {position: absolute;inset: 0;z-index: 1;}
.project-rt h3 {position: relative;z-index: 5;}
.project-rt .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);z-index: 6;}
.project-rt .owl-prev { left: 15px; }
.project-rt .owl-next { right: 15px; }
.project-rt .owl-dots { display: none;}
.project-rt .owl-nav {display: block !important;}
.project-rt .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: rgba(0,0,0,0.5) !important;width: 45px;height: 45px;border-radius: 50%;}
.project-rt .owl-prev {left: 15px;}
.project-rt .owl-next {right: 15px;}
.project-rt .owl-nav span {font-size: 32px;color: #fff;line-height: 45px;position: relative;top: -2px;}
.project-rt  .owl-carousel .owl-nav button.owl-next, .project-rt  .owl-carousel .owl-nav button.owl-prev, .project-rt  .owl-carousel button.owl-dot {display: flex;justify-content: center;align-items: center;}
.project-rt .project-img-carousel, .project-rt .owl-stage-outer, .project-rt .owl-stage, .project-rt .owl-item {height: 100%;}
.project-rt .project-img {height: 100%;background-size: cover;background-position: center;}
.project-rt .project-title {position: relative;z-index: 5;margin: 0 0 20px;padding: 10px;background: #ffffff3b;color: #fff;border-radius: 5px;}

/* kruthin */
/* epoxy-flooring */
.epoxy-flooring-wrapper{width: 100%;max-width: 100%;}
.services-page-types.epoxy-flooring {max-width: 85% !important;position: relative;margin: auto;}
.services-page-types.basement-water-proofing::before{content: '';position: absolute;width: 100%;height: 100%;background: url(../images/contact-1.webp) no-repeat right top / contain;background-position-x: right;background-position-y: top;background-position-x: right;background-position-y: top;top: -35px;right: 0;background-position: left top;transform: scaleX(-1);max-width: 400px;}
.services-page-types.epoxy-flooring .services-page-types-left{max-width: 600px !important;}
.services-page-types.epoxy-flooring .services-page-types-right {max-width: 420px !important;}
.services-page-types.epoxy-flooring .services-page-types-right img {max-width: 420px !important;}

/* key-features */
.key-features-wrapper {padding: 80px 0;}
.key-features-wrapper h3{text-align: center;padding: 0 0 20px;}
.key-features-list{display: flex;justify-content: center;align-items: center;gap: 50px;flex-wrap: wrap;}
.key-features-1 {width: 100%;max-width: 320px;height: 350px;position: relative;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 5px;}
.key-features-1 .key-features-content {background-color: var(--dark-blue);padding: 12px;position: absolute;bottom: -20px;width: 100%;max-width: 100%;}
.key-features-1 h4 {color: var(--yellow);font-size: 17px;text-align: center;padding: 0 0 18px;}
.key-features-1 p{color: #fff;text-align: center;margin: 0;display: none;}
.key-features-1:hover .key-features-content{bottom: 0;transition: 0.4s;}
.key-features-1:hover p{display: block;}
.key-features-1:nth-child(2n) .key-features-content{background-color: var(--yellow);}
.key-features-1:nth-child(2n) .key-features-content h4{color: var(--dark-blue);}
.key-features-1:nth-child(2n) .key-features-content p{color: #000;}

/* applications */
.ideal-main-wrapper.applications .ideal-inner-wrapper{flex-wrap: wrap;}
.ideal-main-wrapper.applications h3{text-align: center !important;}

/* types-of-epoxy */
.benefits-inner-wrapper.types-of-epoxy {max-width: 750px;margin: auto;width: 100%;}
.benefits-inner-wrapper.types-of-epoxy ul li {padding: 10px 0 10px 30px;;}
.benefits-inner-wrapper.types-of-epoxy .benefits-inner-wrapper ul li {font-size: 20px;}
.benefits-inner-wrapper.types-of-epoxy h3 {color: #000;font-size: 24px;}
.benefits-inner-wrapper.types-of-epoxy ul li{color: #000;}
.benefits-inner-wrapper.types-of-epoxy ul li b{font-weight: 600;}
.key-features-content p {font-size: 14px;}
.key-features-1:hover .key-features-content h4 {padding:0 0 10px 0;}

/* harika */
.about-wrapper{padding: 100px 0px;}
.about-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px}
.about-inner-wrapper > span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 550px;}
.about-inner-wrapper > span img{width: 100%; max-width: 550px;}
.about-right-wrapper {width: 100%;max-width: 665px;}
.about-right-wrapper p{text-align: left;}
.aboutus-pg-left {width: 100%;max-width: 470px;display: flex;justify-content: center;align-items: center;gap: 20px;}
.aboutus-pg-left span {display: flex;justify-content: center;align-items: center;width: 100%;}
.aboutus-pg-left span img {width: 100%;height: auto;}
.mission-vision-wrapper{background: #f6faff; padding: 60px 0px; position: relative;}
.mission-vision-wrapper::before {content: '';position: absolute;background: url(../images/vision-mission.webp)no-repeat center center/contain;width: 140px;height: 162px;bottom: 0;left: 0;}
.mission-vision-inner-wrapper:nth-child(1){padding: 0 0 40px;}
.mission-vision-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px}
.mission-vision-inner-left > span {display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border: 2px dotted #0B2C40;border-radius: 50%;flex-shrink: 0;position: relative;top: -12px;}
.mission-vision-inner-left > span img{width: 100%; max-width: 30px;}
.mission-vision-inner-left {width: 100%;max-width: 600px;border: 2px dotted #0B2C40;padding: 50px;display: flex;justify-content: center;align-items: flex-start;gap: 25px;border-radius: 10px;}
.mission-vision-inner-right{width: 100%; max-width: 600px;}
.mission-vision-inner-content p {text-align: left;color: #4A4A4A;font-size: 16px;}
.mission-vision-inner-right img{width: 100%; max-width: 400px; border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.mission-vision-inner-wrapper:nth-child(2){flex-direction: row-reverse;}
.mission-vision-inner-wrapper:nth-child(2) .mission-vision-inner-right{display: flex; justify-content: flex-end; align-items: center;}
.values-wrapper{padding: 100px 0px;}
.values-wrapper h2 {text-align: center;padding: 0 0 40px;}
.values-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 60px; flex-wrap: wrap;}
.values-inner {width: 100%;max-width: 260px;}
.values-icon {width: 100%;max-width: 80px;margin: auto;height: 80px;border: 2px dotted #0B2C40;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.values-icon img {width: 100%;max-width: 44px;height: auto;}
.values-inner span {font-size: 22px;display: block;text-align: center;padding: 15px 0px 3px;font-weight: 700;color: #2aaf45;}
.values-inner p{text-align: center; margin: 0;}
.brands-wrapper {padding: 80px 0;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px; position: relative;}
.brands-wrapper::before{content:'';position: absolute;width:100%;height:100%;background: url(../images/paper-texture-projects.webp) no-repeat center center/cover; opacity: 0.3; top:0; left:0;} 
.brands-wrapper h2{text-align: center; padding: 0 0 45px; position: relative;}
.brands-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px;}
.brands-inner-wrapper img{width: 100%; max-width: 170px;}
.brands-wrapper .owl-carousel .owl-item img {display: block;width: 100%;max-width: fit-content;margin: auto;}
.owl-dot {display: none;}

/* about css */
.services-page-types {scroll-margin-top: 300px;}
.projects-pg-inner-types-main{scroll-margin-top: 200px; }

.footer-logo {
	font-size: 35px;
	color: #fff;
	padding: 30px 0 0 0;
	font-weight: 600;
}

/* responsive */

@media(min-width:1360px){
   .inner-banner-main-wrapper {height: 50vh;}
   .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::after {right: 66px;width: 16px;bottom: 208px;}
   .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::before {top: 69px;min-height: 56%;}
   .water-proffing-types span::before {bottom: 0;}
   .sub-footer-links li a {font-size: 14px;}
   .sub-footer-main li a span {font-size: 14px;}
   
}

@media(max-width:1600px){
   .inner-home-wrapper p { font-size: 20px;}
   .common-btn-wrapper { gap: 30px;}
   .inner-header-wrapper ul:nth-child(2) li a { font-size: 32px;}
   .inner-home-wrapper h1{font-size: 32px;}
   .slider::after { max-width: 42%;}
   .header-top-section { padding: 8px 0;}
}

@media(max-width:1480px){
   .header-wrapper .fluid-container{max-width: 1200px;}
   .services-main p {font-size: 16px;}
   .services-main h4 {font-size: 18px;}
   .services-pg-main-wrapper {padding: 80px 0;}
}

@media(max-width:1360px) {
	h2 {font-size: 30px;}
	.why-stonex-top {max-width: 150px;height: 150px;}
	.why-stonex-top img {max-width: 30px;}
	.why-stonex-types-main {gap: 10px;}
    .range-content h3 {font-size: 20px;font-weight: 700;}
	.water-proffing-types span {width: 90px;height: 90px; font-size: 30px;}
	.water-proffing-bottom h3 {font-size: 18px;}
    .projects-inner-wrapper h3 {font-size: 18px;}
	.water-proffing-types span::before {top: 2px;}
	.water-proffing-types span::after {max-width: 70px;}
	.contact-details-main {gap: 12px;}
	.contact-details-right-bottom h3 {font-size: 32px;}
	.contact-details-right-bottom span {max-width: 50px;height: 50px;}
	.contact-details-right-bottom {gap: 18px;}
    .why-stonex-main-wrapper {padding: 80px 0;}
    .our-services-main-wrapper {padding: 80px 0;}
    .about-us-main-wrapper {padding: 80px 0 65px;}
    .industries-serve-main-wrapper {padding: 80px 0;}
    .projects-main-wrapper {padding: 80px 0;}
    .protecting-main-wrapper {padding: 0 0 80px;}
    .water-proofing-main-wrapper {padding: 80px ; }
    .protecting-main-wrapper {margin: 0 0 80px;}
    .industries-serve-inner-main h3 {font-size: 23px;}
    .industries-serve-inner-main img {max-width: 43px;}
    footer h2 {font-size: 34px;}
    .footer-logo p {font-size: 16px;}
    .contact-form-main-wrapper {padding: 80px 0;}
    .address-main a {gap: 5px;}
    .services-page-types {padding: 30px 0 0;}
    .basement-wt-we-offer-main-wrapper {padding: 40px 0 0;}
    .offer-types img {max-width: 75px;}
    .offer-types p {font-size: 18px;}
    .services-page-types.basement-water-proofing .services-page-types {max-width: 1000px;}
    .ideal-inner-wrapper {gap: 17px;}
    .benefits-main-wrapper {margin: 130px 0 80px;}
    .values-wrapper {padding: 80px 0px;}
    .about-wrapper{padding: 80px 0px;}
    .benefits-inner-wrapper.types-of-epoxy {padding: 0 0 80px;}
    .services-page-main-wrapper {padding: 80px 0;}
    .basement-wt-we-offer-main-wrapper.roof .offer-types-main {gap: 62px;}
    .basement-wt-we-offer-main-wrapper.roof .offer-types {max-width: 230px;}
    .project-pg-types-main-wrapper {padding: 80px 0;}
    .project-rt {max-width: 422px;height: 613px;}
    .projects-pg-inner-types-main:nth-child(2n) .out-come-projects {padding: 0 145px 0 0;}
    .out-come-projects {padding: 0 0 0 145px;}
    .project-hd {max-width: 252px;}
    .services-page-types {gap: 30px;}
     p {font-size: 16px;}
    .benefits-inner-wrapper {max-width: 383px;}
    .basement-wt-we-offer-main-wrapper .basement-wt-we-offer-inner-wrapper h3 {text-align: center;}
    .benefits-main-wrapper {padding: 60px 0;margin: 130px 0 80px;}
    .benefits-main-wrapper::after {min-height: 380px;}
    .benefits-main-wrapper.basement::after {min-height: 380px;}
    .epoxy-flooring-wrapper {padding: 20px 0 0 0;}
    .project-pg-types-main-wrapper {margin-top: 80px;}
    .sub-footer-links li a{font-size: 14px !important;}
    footer h2 {font-size: 38px;}.footer-logo p {font-size: 17px;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::before {top: 38px;min-height: 54%;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::after {bottom: 180px;}
    .services-right-top span {font-size: 45px;}
    .services-num-icon {max-width: 60px;height: 60px;}
    .services-num-icon img {max-width: 30px;}
    .mission-vision-inner-left.index h3 {font-size: 19px;}
    .header-top-inner a {max-width: 16px;}
    .about-us-main-wrapper.projects {padding: 60px 0 0;}
    .about-us-main-wrapper.projects.about-us-right p {margin: 10px 0;}
    .why-stonex-inner-wrapper.contact {padding: 80px 0 10px;}
    .logo {top: -26px;}
    .inner-header-wrapper ul li a img {max-width: 95px;}
    .map {padding: 80px 0 0;}
    .footer-logo {font-size: 30px;}
}

@media(max-width:1280px){
   .header-wrapper .fluid-container{max-width: 1100px;} 
   .details {align-items: center;gap: 40px;}
   .values-inner-wrapper {gap: 18px;}
   .values-inner {max-width: 240px;}
   .values-inner span {font-size: 20px;}
   .water-proofing-main-wrapper.services .water-proofing-inner-wrapper {gap: 60px 64px;max-width: 900px;}
   .services-pg-inner-wrapper {gap: 103px;}
   .services-right-bottom h3 {font-size: 20px;}
   .services-right-bottom a img {max-width: 20px;}
   .services-right-top-main {height: 266px; width: 270px;}
    .services-right-bottom {height: 180px;}
}

@media screen  and (max-width:1240px){
	.about-us-left img {max-width: 500px;}
	.about-us-inner-wrapper {gap: 25px;flex-wrap: wrap;}
	.about-us-right p {text-align: center; margin:10px 0;}
	.water-proffing-types span::after {right: -120px;}
	.projects-inner-wrapper {max-width: 900px;}
    .about-us-left {max-width: 500px;}
    .offer-types img {max-width: 63px;}
    .offer-types p {font-size: 17px; }
    .offer-types {border-right: none;max-width: 180px;}
    .benefits-main-wrapper::after {top: -97px;min-height: 390px;}
    .benefits-main-wrapper {padding: 60px 0;}
    .benefits-main-wrapper.basement::after {display: none;}
    .basement-wt-we-offer-main-wrapper.roof .offer-types:nth-child(5) {border-right: none !important;}
    .benefits-main-wrapper {padding: 60px 0;margin: 80px 0 80px;}
    .values-inner-wrapper {align-items: stretch;gap: 27px 60px;}  
    .about-us-main-wrapper .why-stonex-inner-wrapper h2 {text-align: center;}
    .about-us-main-wrapper .why-stonex-inner-wrapper P {text-align: center;} 
}

@media screen and (max-width:1200px) {
	.water-proffing-types span::after {right: -114px;}
	.details {flex-wrap: wrap;}
	.contact-details-right {width: 100%;max-width: 530px;}
	.contact-details-main {justify-content: center;}
	.contact-details-right-bottom h3 {font-size: 28px;}
	.contact-details-right-bottom span {max-width: 40px;height: 40px;}
	.contact-details-right-bottom span img {max-width: 18px;}
    .services-main {max-width: 488px;}
    .contact-details-main {gap: 40px;}
    .ideal-main-wrapper.polyurea .ideal-inner-wrapper {flex-wrap: wrap;}
    .ideal-main-wrapper.polyurea h3 {text-align: center;}
    .ideal-inner-wrapper {flex-wrap: wrap;}
    .ideal-main-wrapper.expansion h3 {text-align: center;}
    .about-us-main-wrapper.projects .about-us-right {max-width: 100%;}
    .out-come-projects, .projects-pg-inner-types-main:nth-child(2n) .out-come-projects {padding: 0 0 0 0;max-width: 100%;}
    .projects-pg-types-inner-wrapper {flex-direction: column-reverse;gap: 40px;}
    .project-rt {max-width: 600px;height: 420px;}
    .project-lf {width: 100%;max-width: 100%;}
    .project-hd {margin: 0 0 8px;}
    .projects-pg-inner-types-main:nth-child(2n) .projects-pg-types-inner-wrapper .project-lf .project-hd {margin: 0 0 8px 0;}
    .out-come-projects {margin: auto;max-width: 100%;}
    .projects-pg-inner-types-main:nth-child(2n) .projects-pg-types-inner-wrapper {	flex-direction: column-reverse;}
    .projects-pg-inner-types-main:nth-child(2n) .project-info::before, .project-info::before {left: 7px;}
   .project-pg-types-main-wrapper {padding: 60px 0;}
   .services-right-top-main {width: 245px;}
   .services-pg-left {max-width: 690px;}
}

@media(max-width:1150px){
   .desk-resp-ham{display: block;}
   .inner-header-wrapper ul:first-child ,  .inner-header-wrapper ul:last-child{display: none;}
   .inner-header-wrapper {justify-content: start;}
   .header-wrapper { background: #fff;}
   .header-wrapper .fluid-container {max-width: unset;}
   .inner-header-wrapper ul li a {font-weight: 500;font-size: 18px;cursor: pointer;transition: 1s ease;}
   .inner-header-wrapper ul:nth-child(2) li a {font-size: 30px;}
   .inner-home-wrapper p {font-size: 20px;}
   .inner-home-wrapper p br{display: none;}
   .section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
   .section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index:2;height: 100%;}
   .benefits-inner-wrapper {max-width: 640px;}
   .inner-header-wrapper ul:nth-child(2) li a {padding: 7px 0;}
   .logo {position: unset;}
   .inner-header-wrapper {padding: 0;}
   .inner-header-wrapper ul li a img {max-width: 90px;}
    header.scrolled-header .inner-header-wrapper ul:first-child, header.scrolled-header .inner-header-wrapper ul:last-child {display: none;}
    header.scrolled-header .inner-header-wrapper {justify-content: start;padding:  unset;gap: 40px;}
    .scrolled-header .desk-resp-ham ul.toggle-desk {bottom: 18px;}
}

@media screen  and (max-width:1080px){
	.industries-serve-inner-wrapper {flex-wrap: wrap;}
	.water-proffing-types span {width: 100px;height: 100px;font-size: 26px;}
	.protecting-left img {max-width: 350px;}
    .why-stonex-main-wrapper {padding: 60px 0;}
    .our-services-main-wrapper {padding: 60px 0;}
    .about-us-main-wrapper {padding: 60px 0 45px;}
    .industries-serve-main-wrapper {padding: 60px 0;}
    .projects-main-wrapper {padding: 60px 0;}
    .protecting-main-wrapper {padding: 0 0 60px;}
    .water-proofing-main-wrapper {padding: 60px ; }
    .protecting-main-wrapper {margin: 0 0 60px;}
    .contact-form-main-wrapper {padding: 60px 0;}
    .ideal-main-wrapper {padding: 0 0 60px;}
    .benefits-main-wrapper {	margin: 60px 0 ;}
    .basement-wt-we-offer-main-wrapper {padding: 30px 0 0;}
    .benefits-main-wrapper::after {top: -50px;min-height: 344px;}
    .offer-types-main {flex-wrap: wrap; gap:20px; justify-content: center;}
    .basement-wt-we-offer-main-wrapper .basement-wt-we-offer-inner-wrapper h3 {text-align: center;}
    .services-page-types.basement-water-proofing .services-page-types {flex-direction: column-reverse;}
    .services-page-types-left {max-width: 100%;}
    .services-page-types.basement-water-proofing .services-page-types-right img {max-width: 100%; max-width: 300px;}
    .services-page-types.basement-water-proofing .services-page-types-right {	max-width: 300px;}
    .services-page-types-left h3, .services-page-types-left  h4{text-align: center; font-size: 18px;}
    .services-page-types-left p {text-align: center;color: #000000a8;margin: 7px;font-size: 15px;}
    .services-page-types {	gap: 20px;flex-direction: column-reverse;}
    .services-page-types-left .common-btn {	justify-content: center;}
     .services-page-types:nth-child(2n) {flex-direction: column-reverse;}
    .services-page-types-main {gap: 35px;}
    .basement-wt-we-offer-main-wrapper.polyurea .offer-types-main {justify-content: center;}
    .basement-wt-we-offer-main-wrapper.polyurea  .offer-types {align-items: center;}
    .basement-wt-we-offer-main-wrapper.polyurea .offer-types p {text-align: center;}
    .about-inner-wrapper{flex-direction: column; gap: 22px;}
	.about-right-wrapper{max-width: 100%;}
	.about-wrapper{padding: 60px 0px 45px;}
	.values-wrapper{padding: 60px 0px;}
	.about-right-wrapper p {text-align: center;}
	.about-right-wrapper h2{text-align: center;}
	.brands-wrapper {padding: 60px 0;}
    h2 {font-size: 27px;}
    .project-hd {max-width: 220px !important;}
    .epoxy-flooring-wrapper {	padding: 0 0 0; }
    .key-features-wrapper {padding: 60px 0;}
    .benefits-inner-wrapper.types-of-epoxy {padding: 0 0 60px;}
    .services-page-types.epoxy-flooring .services-page-types-left p {margin-bottom: 0;}
    .sitemap-main-wrapper {padding: 80px 0;}
   .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::after {bottom: 182px;}
   .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::before {top: 45px;min-height: 54%;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper {gap: 60px 40px;max-width: 837px;}
    .services-pg-main-wrapper {padding: 60px 0;}
    .services-right-bottom h3 {font-size: 18px;}
    .services-right-top span {font-size: 40px;}
    .services-num-icon {max-width: 50px;height: 50px;}
    .services-num-icon img {max-width: 24px;}
    .about-us-main-wrapper.projects {padding: 60px 0 0;}
    .why-stonex-inner-wrapper.contact {padding: 60px 0 0;}
    .map {padding: 60px 0 0;}
}

@media screen and (max-width:1079px){
 .services-right-top-main.first {display: block;}
 .services-right-top-main.second{display: none;}
 .services-pg-left {max-width: 800px; margin: auto;}
 .services-pg-left p {text-align: center;}
 .services-pg-right {display: none;}
 .services-pg-main-wrapper .why-stonex-inner-wrapper .top-content {text-align: center;}
 .project-info-hd {justify-content: center;}
 .services-types-main {padding: 30px 0 0;}
}

@media screen and (max-width:992px){
	.why-stonex-types-main {flex-wrap: wrap;}
	.water-proffing-types span::after {display: none;}
	.water-proofing-inner-wrapper {flex-wrap: wrap;gap: 14px 0;}
	.protecting-inner-wrapper {gap: 30px;flex-wrap: wrap;}
	.inner-home-wrapper h1 {font-size: 30px;}
   .inner-home-wrapper p {font-size: 18px;}
   .ct-name {font-size: 20px;}
   .address-main a span {font-size: 20px;}
   .contact-details-right-bottom.contact-pg h3 {font-size: 28px;}
   .ideal-inner-wrapper {	flex-wrap: wrap;}
   .ideal-main-wrapper h3 {text-align: center;}
   .water-proofing-main-wrapper.services .water-proffing-types:nth-child(4) span::after {display: none;}
   .mission-vision-inner-wrapper, .mission-vision-inner-wrapper:nth-child(2){flex-direction: column;}
    .mission-vision-inner-right, .mission-vision-inner-wrapper:nth-child(2) .mission-vision-inner-right, .mission-vision-wrapper::before{display: none;}
    .mission-vision-inner-left{max-width: 100%;}
    .sitemap-pg-link a {font-size: 24px;}
    .sitemap-pg-link a img {max-width: 34px;}
    .sitemap-pg-link {flex-wrap: wrap;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::before {display: none;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper::after {display: none;}
    .why-choose-left {max-width: 360px;}
    .water-proofing-main-wrapper.services .water-proffing-types:nth-child(6) { order: 4; } 
  .water-proofing-main-wrapper.services .water-proffing-types:nth-child(4) { order: 6; } 
}

@media screen and (max-width:925px){
	.contact-details-main {align-items: flex-start;flex-direction: column;}
	.address-main { max-width: 100%;}
	.address-lines br {display: none;}
	.contact-details-right {max-width: 780px;}
	.contact-details-right-bottom {padding: 25px 0 0 45px;}
	footer h2 {font-size: 32px;}
	.footer-logo p {font-size: 18px;}
	.contact-left img {max-width: 350px;}
	.contact-left {max-width: 350px;}
    .details {gap: 22px 40px;padding: 22px 0 0;}
    .benefits-main-wrapper::after {top: -50px;right: 72px;}
    h1 {font-size: 24px;}
    .inner-banner-inner-wrapper::before {display: none;}
    .why-choose-main {flex-direction: column;}
    .why-choose-right {max-width: 100%;}
    .mission-vision-inner-left.index span {width: 40px;height: 40px;}
    .mission-vision-inner-left > span img {max-width: 20px;}
    .mission-vision-inner-left.index {max-width: 100%;flex-direction: row;}
    .mission-vision-inner-left.index h3 {font-size: 18px;}
    .why-choose-left img {max-width: 280px;}
    .why-choose-left {max-width: 280px;}
}


@media screen and (max-width:820px){
   .contact-inner-wrapper { gap: 30px;flex-wrap: wrap;}
   /* .footer-links-main {min-width: 174px;} */
}

@media screen and (max-width:776px){
	.range-content h3 {font-size: 18px;font-weight: 700;}
    .contact-add > span {max-width: 60px;height: 50px;}
    .contact-add span img {max-width: 28px;}
     .about-inner-wrapper > span img{max-width: 450px;}
    .values-inner{max-width: 250px;}
    .project-pg-types-main-wrapper {margin-top: 60px;}
}

@media(max-width:768px){
   .inner-header-wrapper ul:nth-child(2) li a { font-size: 28px;}
   .inner-home-wrapper h1 {font-size: 26px;}
   .inner-home-wrapper p {font-size: 18px;}
   .inner-home-wrapper { max-width: 100%; padding: 0 0 140px;}
   .home-banner-wrapper , .slider{height: calc(100vh);}
   .slider::after {max-width:60%;}
   .footer-contact-links {gap: 26px 0px;}
   .projects-img {width:100%; height: 440px; max-width:400px; }
   
}
@media(max-width:676px){
    .benefits-main-wrapper::after {display: none;}
    .services-page-types.basement-water-proofing::before {	display: none;}
      .project-info-hd span img {max-width: 27px;}
      .benefits-inner-wrapper.projects .project-info-hd {gap: 0;}
      .benefits-inner-wrapper.projects .project-info-hd h3 {font-size: 19px;}
      .benefits-inner-wrapper.projects .project-info-hd h3 {gap: 0;}
      .project-info {padding: 30px 10px 5px 20px;}
      .project-info-hd > span {max-width: 27px !important;}
      .project-info-hd span {max-width: 152px;}
      .project-hd {max-width: 224px !important;}
      h2 {font-size: 24px;}
     .project-hd::before {top: -30px;}
      .project-hd {max-width: 218px !important;}
      .basement-wt-we-offer-main-wrapper.roof .offer-types-main {gap: 21px;}
      .why-stonex-inner-wrapper .top-content {font-size: 18px !important;}
      .services-main h4 {font-size: 17px;}
}
@media(max-width:619px){
    .copyrights p {padding: 0px 0;}
    .copyrights {justify-content: center;}
}
@media(max-width:595px){.footer-links-main {max-width: unset;}
}

@media(max-width:576px){
   .slider::after { bottom: 0; right: 0; left: -8px; margin: auto; max-width: 100%;}
   .inner-home-wrapper h1 , .inner-home-wrapper p{text-align: center;}
   .common-btn-wrapper { justify-content: center; flex-direction: column;}
   .inner-header-wrapper ul li a, .inner-header-wrapper ul li span { padding: 24px 0;}
   .common-btn-wrapper { gap: 10px;}
   .scrolled-header .inner-header-wrapper ul:nth-child(2) li a { font-size: 20px;}
   .scrolled-header .desk-resp-ham ul.toggle-desk {bottom: 17px;}
   .contact-details-right-bottom h3 {font-size: 24px;}
   .contact-details-right-bottom span {max-width: 35px;height: 35px;}
   .contact-details-right-bottom span img {max-width: 16px;}
   .projects-inner-wrapper {max-width: 300px;}
   .projects-inner-wrapper h3 {font-size: 17px;}
   .water-proffing-types span::before {top: 1px;}
   .contact-details-right-bottom.contact-pg h3 {font-size: 24px; padding: 0 4px 0 0;}
   .contact-details-right-bottom.contact-pg {max-width: 488px; padding: 15px;gap: 8px;} 
   .contact-details-right-bottom.contact-pg span {max-width: 45px;height: 45px;}
   .contact-location-main a {gap: 15px;}
   .contact-add span img {max-width: 20px;}
   .contact-add > span {max-width: 40px;height: 40px;border-radius: 7px;}
   .contact-location-main p {font-size: 16px;}
   .offer-types {align-items: center;}
   .offer-types p {text-align: center;}
   .bread-crumbs-main p, .bread-crumbs-main a {text-align: left;}
   .benefits-inner-wrapper.projects .project-info-hd h3 {font-size: 18px;}
   .project-info-hd span img {max-width: 24px;}
   .project-info-hd > span {max-width: 24px !important;}
   .project-info-hd > span {	max-width: 24px !important;display: none;}
   .out-come-projects p {padding: 0 0 0 0;}
   .projects-pg-inner-types-main:nth-child(2n) .out-come-projects p {padding: 0 0 0 0;text-align: left;}
   .projects-pg-inner-types-main:nth-child(2n) .project-info-hd {justify-content: flex-start;}
   .about-inner-wrapper > span img{max-width: 350px;}
    .values-inner{max-width: 200px;}
    .mission-vision-inner-left{flex-direction: column; gap: 10px; align-items: center;}
    .services-types-main {padding: 0;}
}

@media screen and (max-width:536px){
    .benefits-inner-wrapper.projects .project-info-hd h3 {font-size: 17px;}
    .project-info-hd span {max-width: 135px;}
    .project-info {padding: 30px 0 5px 22px;}
    h1{font-size: 22px;} 
}

@media screen and (max-width:480px){
     .benefits-main-wrapper {margin: 40px 0;}
    .why-stonex-main-wrapper {padding: 40px 0;}
    .our-services-main-wrapper {padding: 40px 0;}
    .about-us-main-wrapper {padding: 40px 0;}
    .industries-serve-main-wrapper {padding: 40px 0;}
    .projects-main-wrapper {padding: 40px 0;}
    .protecting-main-wrapper {padding: 0 0 40px;}
    .water-proofing-main-wrapper {padding: 40px 0 ; }
    .water-proffing-types {max-width: 100%;}
    .water-proffing-types {gap: 0;}
    .protecting-main-wrapper {margin: 0 0 40px;}
    p {font-size: 16px;}
    h2 {font-size: 23px;}
    .industries-serve-inner-main h3 {font-size: 18px; padding: 12px 0 0 0;}
    .why-stonex-top {max-width: 100px;height: 100px;}
    .range-content {max-width: 140px;}
    .range-content h3 {font-size: 16px;font-weight: 600;}
    .industries-serve-inner-wrapper {gap: 30px;}
    .industries-serve-inner-main img {max-width: 38px;}
    .industries-serve-inner-main a {margin: 0px 0 15px;}
    .water-proffing-types span {width: 80px;height: 80px;font-size: 21px;background: #01182780; color: #fff;}
    .water-proofing-main-wrapper::before {background: linear-gradient(#000000, #000000);}
    .protecting-right p {text-align: center;}
    .protecting-right .common-btn a{margin: auto;}
    h2 {text-align: center;}
    .footer-contact-links {justify-content:flex-start;align-items: flex-start;gap: 20px;}
    .footer-contact-links {padding: 20px 0 20px;}
    .sub-footer-main li a {gap: 8px;}
    footer h2 {font-size: 25px;}
    .footer-logo {padding: 30px 0 0;}
    .protecting-right h2 {font-size: 21px;}
    .copyrights {justify-content: center; padding: 10px 0;}
    .copyrights p {padding: 0;}
    .footer-logo p {font-size: 17px; margin:0;}
    .footer-main-wrapper .contact-details-right-bottom.footer > h3 {font-size: 18px;}
    .footer-main-wrapper .contact-details-right-bottom.footer span img {max-width: 17px;}
    .footer-main-wrapper .contact-details-right-bottom.footer span {max-width: 32px;height: 32px;}
    .footer-main-wrapper .sub-footer-main a {font-size: 14px;}
     .inner-home-wrapper p {font-size: 16px;}
    .inner-header-wrapper ul:nth-child(2) li a { font-size: 22px;}
    .inner-home-wrapper h1 {font-size: 22px;}
    .common-btn a, .common-btn button {padding: 10px 26px 10px;min-width: 148px;}
    .address-main a span img {max-width: 18px;}
    .details a span img {max-width: 18px;position: relative;top: 3px;}
    .address-main a {gap: 0;}
    .details a {gap: 11px;}
    .ct-name {font-size: 16px;}
    .details {gap: 12px 40px; padding: 10px 0 0;}
    .contact-details-right-bottom {padding: 25px 0 0;}
    .contact-details-right-bottom span {max-width: 28px;height: 28px;}
    .contact-details-right-bottom span img {max-width: 15px;}
    .contact-details-right-bottom h3 {font-weight: 600;}
    .contact-details-right-bottom {justify-content: center; gap: 11px;}
    .address-main a span {max-width: 24px;}
    .contact-details-right-bottom h3 {font-size: 20px;}
    .address-main a span img {position: relative;top: 5px;}
    .contact-main-wrapper {padding: 0 0 40px;}
    .contact-left {max-width: 310px;}
    .contact-left img {max-width: 310px;}
    .contact-inner-wrapper { padding: 0; }
    .contact-inner-wrapper {gap: 18px;}
    .copyrights p a, .copyrights p {color: #d6cec3db;font-size: 10px !important;}
    .protecting-left {max-width: 300px;}
    .protecting-left img {max-width: 300px;}
    .protecting-inner-wrapper {gap: 14px;}
    .sub-footer-main li a img {max-width: 22px;}
    .footer-links-main h3 {font-size: 18px;}
    .footer-contact-links .address-lines {font-size: 14px;}
    .sub-footer-links li {margin: 5px 0;}
    .contact-form-main-wrapper {padding: 40px 0;}
    .contact-details-right-bottom.contact-pg h3 {font-size: 21px;}
    .contact-details-right-bottom.contact-pg span {max-width: 32px;height: 32px;}
    .contact-details-right-bottom.contact-pg {max-width: 355px;	margin: 10px auto 0;}
    .user-box input, .user-box-readonly input, .user-box select {font-size: 13px; background: #fff;}
    .user-box textarea {font-size: 13px;}
    .common-btn a, .common-btn button {font-size: 15px;}
    .contact-right .common-btn button span img {max-width: 16px;}.contact-details-main {gap: 8px;}
    .services-types-main {gap: 25px; padding:15px 0 0;}
    .about-us-inner-wrapper {gap: 16px;}
    .about-us-main-wrapper::before {opacity: 0.2;}
    .water-proffing-bottom p {color: #fff;}
    .services-page-types.basement-water-proofing{padding:40px 0 0;}
    .services-page-types {gap: 14px;}
    .services-page-types-left h3, .basement-wt-we-offer-inner-wrapper h3, .benefits-inner-wrapper h3, .ideal-main-wrapper h3 {font-size: 18px;}
    .services-page-types-left h4 {font-size: 16px; padding: 7px 0 0 0;}
    .services-page-types{padding:0;}
    .offer-types img {max-width: 55px;}
    .offer-types p {margin: 0;}
    .offer-types-main {gap: 20px 27px;}
    .benefits-main-wrapper {margin: 40px 0;}
    .benefits-main-wrapper {padding: 28px 0;}
    .benefits-inner-wrapper ul li {font-size: 16px;}
    .water-proffing-types span::before {border: 1px dashed #fff;}
    .ideal-main-wrapper h3 {padding: 0 0 17px;}
    .ideal-inner-wrapper {gap: 20px;}
    .ideal-inner-wrapper-img h4 {font-size: 17px;}
    .ideal-main-wrapper {padding: 0 0 40px;}
    .bread-crumbs-main a, .bread-crumbs-main p {	font-size: 14px;}
    .basement-wt-we-offer-main-wrapper {padding: 15px 0 0;}
    .water-proofing-main-wrapper.services .water-proofing-inner-wrapper {gap: 20px;}
    .services-page-main-wrapper .why-stonex-inner-wrapper .top-content {font-size: 17px !important;padding: 0;}
    .basement-wt-we-offer-main-wrapper.roof .offer-types-main {gap: 34px;}
    .water-proofing-main-wrapper .top-content {font-size: 16px !important; margin:10px 0 ; }
    .basement-wt-we-offer-main-wrapper.polyurea .offer-types-main {gap: 20px;}
    .project-pg-types-main-wrapper {padding: 40px 0;}
    .project-rt {height: 330px;}
    .project-hd::before {max-width: 54px;left: 18px;top: -18px;height: 65px;}
    .project-rt h3 {font-size: 18px;margin: 0 0 9px;padding: 8px 3px;}
    .benefits-inner-wrapper.projects .project-info-hd h3 {font-size: 15px;}
    .benefits-inner-wrapper.projects .project-info-hd h3 {font-size: 15px;}
    .project-info-hd span {max-width: 119px;}
    .benefits-inner-wrapper.projects .project-info-hd {padding: 8px 0;}
    .projects-pg-types-main {gap: 30px;}
    .projects-pg-types-inner-wrapper {gap: 28px;}
    .key-features-wrapper {padding: 25px 0 40px !important;}
    .benefits-inner-wrapper.types-of-epoxy {padding: 0 0 40px !important;}
    .about-wrapper{padding: 40px 0px 25px;}
    .values-wrapper{padding: 40px 0px;}
    .values-inner {max-width: 100%;}
    .mission-vision-inner-content p {text-align: center;}
    .mission-vision-inner-left {padding: 30px;}
    .mission-vision-inner-left > span {top: 0;}
    .mission-vision-inner-content p {margin: 2px 0 0;}
    .values-inner span {padding: 13px 0px 2px;}
    .brands-wrapper {padding: 40px 0;}
    .brands-wrapper .fluid-container h2 {padding: 0 0 20px;}
	.aboutus-pg-left {gap: 5px;}
	.aboutus-pg-left {max-width: 420px;}
	.about-inner-wrapper {gap: 15px;}
	.about-right-wrapper p {margin: 5px 0 15px;}
     h2 {font-size: 21px;}
    .project-hd::before {top: -17px !important;height: 59px; left:14px}
    .project-hd {max-width: 175px !important;padding: 10px 20px 10px 0;}
    .contact-right h2 {padding: 0 0 17px;}
    .ideal-main-wrapper h3 {padding: 0 0 18px;} 
    .key-features-wrapper {padding: 40px 0;}
    .ideal-main-wrapper.applications h3 {font-size: 25px;}
    .benefits-inner-wrapper.types-of-epoxy h3 {text-align: center;}
     .sitemap-main-wrapper {padding: 60px 0;}
     .sitemap-pg-link a {display: flex;justify-content: flex-start;}
     .sitemap-pg-link a {max-width: 160px;}
     .sitemap-pg-link a {font-size: 20px;}
     .sitemap-main-wrapper {padding: 40px 0;}
     .top-content{font-size: 18px !important ;}
     .why-stonex-inner-wrapper .top-content{font-size: 17px !important ;margin: 6px 0 0;} 
     .about-us-main-wrapper .why-stonex-inner-wrapper P {margin: 5px 0 0 0 !important;}
    .water-proffing-bottom h3 {font-size: 18px;}
    .contact-right .common-btn button {gap: 3px;font-size: 15px;}
    .values-wrapper h2 {padding: 0 0 25px;}
    .values-inner span {font-size: 18px;}
    .basement-wt-we-offer-main-wrapper .basement-wt-we-offer-inner-wrapper h3 {padding: 0 0 15px;}
    .project-pg-types-main-wrapper {margin-top: 40px;}
    .contact-details-right-bottom.footer{justify-content: flex-start;}
    .services-pg-main-wrapper {padding: 40px 0;}
    .mission-vision-inner-left.index span {width: 30px;height: 30px;}
    .mission-vision-inner-left.index .mission-vision-inner-left > span img {max-width: 17px;} 
    .mission-vision-inner-left > span img {max-width: 40px;}
    .mission-vision-inner-left.index h3 {font-size: 16px;}
    .mission-vision-inner-left.index {gap: 6px;}
    .why-choose-stonex-main-wrapper {padding: 40px 0;}
    .why-choose-main {padding: 20px 0 0;}
    .services-pg-main-wrapper .why-stonex-inner-wrapper .top-content {margin: 6px 0 0;}
    .services-right-bottom h3 {font-size: 17px;}
    .about-us-main-wrapper.projects {padding: 40px 0 0;}
    .project-hd h2 {font-size: 19px !important;}
    .why-stonex-inner-wrapper.contact {padding: 40px 0 0;}
    .contact-location-main p {margin: 7px 0;}
    .contact-location-main p {font-size: 15px;}
    .logo-name {display: block;font-size: 17px;color: #2aaf45;font-weight: 700;}
    header.scrolled-header .inner-header-wrapper > ul {gap: 0;}
    header.scrolled-header  .logo-name{font-size: 18px;}
    .owl-item{ margin: auto !important;} 
    .map {padding: 40px 0 0;}
    .footer-logo {font-size: 26px;}
    .read-more img {max-width: 23px;}
    .inner-header-wrapper > ul {max-width: 81px;}
    .logo-name {font-size: 17px;width: 100%;}
    .desk-resp-ham ul.toggle-desk {bottom: 20px;}
    .scrolled-header .desk-resp-ham ul.toggle-desk {bottom: 12px;}
    header.scrolled-header .inner-header-wrapper {gap: 3px;}
}

@media screen and (max-width:420px){ 
    .benefits-inner-wrapper.projects ul {padding: 0 0 0 7px;}
    .benefits-inner-wrapper ul li::before {max-width: 19px;}
    .benefits-inner-wrapper ul li {padding: 6px 0 6px 21px;}
    .project-info-hd h3 {font-size: 19px;}
    .project-hd {max-width: 205px;}
    .projects-pg-inner-types-main:nth-child(2) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects, .projects-pg-inner-types-main:nth-child(3) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects, .projects-pg-inner-types-main:nth-child(5) .projects-pg-types-inner-wrapper .benefits-inner-wrapper.projects {padding: 8px 0 0 0;}
     .mission-vision-inner-left{padding: 20px 15px 15px;}
     .sitemap-pg-link a {max-width: 140px;gap: 10px;}
     .sitemap-pg-link a img {max-width: 20px;}
     .why-stonex-inner-wrapper .top-content {padding: 0 0 20px;}
}

@media(max-width:380px){
	.contact-left {max-width: 280px;}
	.contact-left img {max-width: 280px;}
    .contact-details-right-bottom.contact-pg h3 {font-size: 18px;}
    .contact-location-main a {gap: 8px;}
    .about-inner-wrapper > span img{max-width: 300px;}
}

@media(max-width:360px){
   .desk-resp-ham .sidebar {  height: 100vh;}
}