*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:  0; padding:  0; }

 
body { margin: 0; padding: 0; font-size: 16px; font-family: var(--e-global-Dmsans-font-family); color: var(--e-global-color-text); overflow-x: hidden;

--e-global-color-secondary: #212528;
--e-global-color-primary: #727272;
--e-global-color-text: #FFFFFF;
--e-global-color-yellow:#E7AC17;
--e-global-color-green:#3a9842;
--e-global-light-yellow:#f1d2a9;
--e-global-color-darkgreen:#0b3d2c;
--e-global-jakarta-font-family: "Plus Jakarta Sans";
--e-global-outfit-font-family: "Outfit";
--e-global-inter-font-family: "Inter";
--e-global-monstrate-font-family: "Montserrat";
--e-global-Dmsans-font-family: "DMSans";
--e-global-color-small-text:#132514;
background-color: var(--e-global-color-text);


}


h1,.h1 { font-size: 61px; font-family:"Outfit", sans-serif; color: var(--e-global-color-secondary);  }
h2 {  line-height: normal; font-size: 26px; font-family: var(--e-global-monstrate-font-family); color:var(--e-global-color-darkgreen); font-weight: 600; } 
h3 { font-size: 31px; color:var(--e-global-color-darkgreen); font-weight: 500; line-height: normal;}  
h4 { font-size: 20px; color: var(--e-global-color-darkgreen); font-weight: 500; line-height: normal; }
h5 { font-size: 17px; font-weight: normal; font-family: var(--e-global-outfit-font-family); color: var(--e-global-color-small-text); line-height: 1.5rem; }
h6 {  font-size: 14px;line-height: 16px; font-weight: 500; font-family: inter, sans-serif; color: var(--e-global-color-small-text); line-height: normal; }


.subtext{font-size: 16px; font-family: inter, sans-serif; color: var(--e-global-color-primary); line-height: 1.4rem; margin-bottom: 14.4px;}
.font-14-yel{font-size: 14px; color: var(--e-global-color-yellow);font-weight: 600;}
.heading h3{font-size: 40px; font-weight: 700;} 
.fullwidth { width: 100%; float: left; }

img { max-width: 100%; height: auto; border: none; vertical-align: middle; }
a { outline: none;  text-decoration: none; cursor: pointer; vertical-align: top; color: var(--e-global-color-text); max-width: 100% !important; white-space: normal !important; display: inline-block; transition: .5s ease all; }

.bg-g-dark{background-color: var(--e-global-color-darkgreen);}
.p-relative{position: relative;}

p { margin: 0 0 10px; display: block; } 
ul, ol { padding:0; margin: 0; }
li{list-style-type: none;}

strong { font-weight: 700; }
.flex { display:flex; display: -webkit-flex; -ms-display:flex; -moz-display:flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.alignCenter { -webkit-align-items:center; align-items:center; }

.jCenter { -webkit-justify-content: center; justify-content: center; }
.row-fluid [class*='span'] { min-height: auto; }
.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center; }
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }
.wrapper{max-width: 1290px; padding: 0 15px;margin: 0 auto; }
.nowrap{flex-wrap: nowrap;}
section{padding: 50px 0;}
.p80{ padding-top: 80px; padding-bottom: 80px; }
.p60{ padding-top: 60px; padding-bottom:60px; }

.text-heading { margin-bottom: 25px; }
.text-content { margin-bottom: 25px; }
.mb-25{margin-bottom: 25px;}
.mr-3{margin-right: 3%;}
.mb-15{margin-bottom: 15px;}
.dark-green{color: var(--e-global-color-darkgreen);}
.image-hi{ max-height: 25rem;}



/* header-style */
.site-logo a{filter:invert(1);}
.side-call-btn { background-color: transparent; padding: 5px 24px; border-radius: 3px; border: 2px solid var(--e-global-color-text); border-radius: 100px; font-size: 17px; }
.side-call-btn:hover{background-color: var(--e-global-color-green); color: var(--e-global-color-secondary); border-color: var(--e-global-color-green); }
.side-call-btn a{ color: var(--e-global-color-text); font-family: var(--e-global-Dmsans-font-family);}
.site-logo{filter: invert(1);}
.header-top-m{background-color: var(--e-global-light-yellow); color: var(--e-global-color-darkgreen); text-align: center; padding: 5px 0;}
/* navlinks */

ul#menu-primary { display: flex; padding: 0; font-family: var(--e-global-jakarta-font-family);font-weight: 800; }
header{background-color: var(--e-global-color-text); background: #0b3d2c;  }
.header-inner {  display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 80px; z-index: 11;}
ul#menu-primary> li { padding-bottom: 25px;padding-top: 25px; position: relative; margin-right: 30px; }
ul#menu-primary> li:last-child { padding-right: 0; }
.header-inner .main-menu a{font-weight: 500; font-family: var(--e-global-Dmsans-font-family); color: var(--e-global-color-text); font-size: 17px;} 
.menu-item-has-children .sub-menu a{color:var(--e-global-color-darkgreen) ;}
 #menu-primary> .menu-item-has-children::after{content: '';background-image:url(/wp-content/themes/newliferockeries/assets/images/dropdown-icon.png); filter: invert(1); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; right: 0; padding: 6px; vertical-align: middle; top: 50%; transform: translateY(-50%); }
.menu-item-has-children{padding-right: 20px; position: relative;}
.sub-menu .menu-item-has-children > a::after{content: ''; background-image:url(/wp-content/themes/newliferockeries/assets/images/submanu.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; right: -20px; padding: 6px; vertical-align: middle; top: 50%; transform: translateY(-50%); }
.sub-menu .menu-item-has-children a{position: relative; transition: 0.3s ease-in-out; ;} 
#menu-primary >.menu-item-has-children{position: relative;}
#menu-primary >.menu-item-has-children .sub-menu{ position:absolute;  top: auto; }
.menu-item-has-children .sub-menu {min-width: max-content; padding-block: 10px; background-color: var(--e-global-color-text);}
header a{line-height: 30px;}
#menu-primary .sub-menu li{ z-index: 22; transition: 0.3s ease-in-out; ;}
#manu-primary  .sub-menu a:hover{background-color: var(--e-global-color-yellow); transition: 0.3s ease-in-out; ;}
.sub-menu a{position: relative; transition: 0.3s ease-in-out; ;}

.menu-primary-container.show{display: block;}


/* footer-style */

footer{background-color: #0b3d2c;}
footer h4{color: var(--e-global-color-text);  padding:10px 0 20px 0; font-family: var(--e-global-monstrate-font-family); font-weight: 600; position: relative;}
footer h4::before{ content: ""; position: absolute; height: 2px; bottom: 0; width: 50px; left: 0; background-color: #f1d2a9; }
footer .f-icon .fa-solid {margin: 0; color: #fff;}
.f-links { padding: 20px 0; }
footer svg{width: 15px; fill: var(--e-global-color-text);}
.footer-main{display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; padding: 50px 0;}
.f-icon{ position: absolute; left: 2px; top: 50%; transform: translateY(-50%);}
.footer-follow-icon{display: flex; align-items: center;}
.footer-follow-icon svg{width: 20px; height: 20px; margin:0 5px;}
.btn-sub a{padding: 10px 20px; width: 100%; background: var(--e-global-color-text); color: black; border: none; line-height: normal;  border-radius: 30px; font-family: var(--e-global-Dmsans-font-family); font-weight: 500;}
.contact-us{width: 25%; margin-right: auto;}
.sub-box {min-width: 230px; }
.service-links { width: 20%; }   
.sub-box  { width: 25%; width: 25%; }

.quick-links{width: 20%;}
.ct-icon1 a { text-shadow: none; color: #fff; padding: 10px 10px 8px 11px; background-color: #0b3d2c; width: 45px; height: 45px; text-align: center; font-size: 16px; font-weight: 400; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; margin: 5px 0px; display: inline-grid; box-shadow: 0 10px 60px rgba(0,0,0,.1) }
.ct-icon1 a i { color: #fff; line-height: 1.7 }
.ct-icon1 a:hover { background-color: #2a7d2e }
.ct-icon1 a:hover i { color: #fff }
footer input#email { padding: 10px 10px; border: none; border-radius: 3px; font-size: 16px;outline: none; }
.left-icon{position: relative; padding-left: 28px;} .flex.align-center.jcenter.footer-follow-icon.f-inner-line { margin-top: 24px; }
.ct-icon1 { margin-top: 10px; } .ct-icon1:first-child { margin-left: 0; }
.ct-icon1 a:first-child { margin-left: -5px; }

footer input::placeholder{color: var(--e-global-color-darkgreen); font-size: 16px; font-weight: 500; font-family: var(--e-global-Dmsans-font-family);}
footer .btn-sub a{ border-radius: 3px; display: inline-block; width: fit-content; color: var(--e-global-color-darkgreen);}
.inner-f-links { padding-top: 20px; }
.inner-f-links li, .f-inner-line { margin-top: 10px; }

/* hero-banner-style */
.page-hero-title{ background-image: url('/wp-content/themes/newliferockeries/assets/images/hero-bg-two.jpeg'); background-size: cover; background-position: bottom; padding:6vw 0; position: relative; display: flex; align-items: center; justify-content: center; }
.hero-title-content .h1 { text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6);  color: var(--e-global-color-text);}

/* homepage-style */

/* .hero-left-title { padding: 0 0 48px 0; } */
.hero-sub { padding: 20px 0; max-width: 540px; margin: 0 auto;}
.Call-btn a { padding: 10px 25px; font-size: 18px; font-weight: 600; border: 2px solid var(--e-global-color-green); color: var(--e-global-color-green); border-radius: 100px; line-height: normal; margin-right: 20px; }
.Call-btn a:hover{ background-color: var(--e-global-color-green); border-color: var(--e-global-color-green); color: var(--e-global-color-text); }
.see-work-btn a:hover{ background-color: var(--e-global-color-green); color: var(--e-global-color-text); border-color: var(--e-global-color-green);}
 h1{color: var(--e-global-color-darkgreen);}
.hero-section .see-work-btn a:hover{background-color: transparent; border-color: var(--e-global-color-green); color: var(--e-global-color-green);}
 .hero-section .see-work-btn a{background-color: var(--e-global-color-darkgreen); color: var(--e-global-color-text); border-color: var(--e-global-color-darkgreen);}
.see-work-btn a { padding: 10px 25px; font-size: 18px; font-weight: 600; border: 2px solid var(--e-global-color-text); color: var(--e-global-color-green); background-color: var(--e-global-color-text); border-radius: 100px; line-height: normal; }
.btns-wrap.flex { padding-top: 25px; align-items: center; justify-content: center;}
.hero-left-contant {padding: 180px 0 232px 0; width: 100%; align-items: center; text-align: center ; position: relative; z-index: 10; }
.hero-sub h2 { line-height: normal; }

.hero-section { background: url(/wp-content/themes/newliferockeries/assets/images/DJI_00291.jpg); background-size: cover; background-position: top; /* background: url("/wp-content/themes/newliferockeries/assets/images/DJI_00291filter.jpg") center center / cover no-repeat rgb(22, 48, 21); */ position: relative; }
.overlayer{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(24 58 7 / 50%); background-color: rgb(9 24 2 / 60%); z-index: 2; }
 .hero-section {background-position: center center; background: url(/wp-content/themes/newliferockeries/assets/images/hero-bg-3.jpg); background-size: cover; min-height: 100%; background-repeat: no-repeat;}
/* new-hero-section-desing */
.hero-left-contant { padding: 139px 139px 200px 100px; width: 100%; align-items: center; text-align: center; position: relative; z-index: 10;  background-color: #e9f2eaa1; backdrop-filter: blur(2px); border-radius: 290px 0; margin: 7% 0; } 
.grass{display: none;}
.hero-card-holder.flex {border-radius: 100px;}
.overlayer{background-color: rgb(36 37 35 / 15%);}


/* hero-section-card */
.hero-card-holder.flex { background-color: white; padding: 20px 0 40px 0; color: black; position: relative; z-index: 10; margin-top: -150px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05); border-radius: 10px;}
.hero-card { padding: 20px 30px; width: 25%; text-align: center; /* display: flex; */ align-items: center; border-right: 1px solid #ededed;}
.hcard-icon { width: 50px; text-align: center; margin: 0 auto; padding-bottom: 10px; }
.hcard-icon svg{ fill: var(--e-global-color-darkgreen);}
.hsub-title h4 {color: var(--e-global-color-darkgreen);}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
.hero-card h4{color: var(--e-global-color-darkgreen);}
.htitle { padding-bottom: 10px;}
.grass{position: absolute; top: -16px; left: 10px; right: 10px;}

/* why-choice-as-section */
.why-choice { display: flex; align-items: center; justify-content: center; }
.why-c-left { width: 47%; margin-right: 3%; }
.why-c-right { width: 50%; }
.why-heading { padding-bottom: 15px; }
.why-text { padding-bottom: 25px; }
.why-links { display: flex; }
.why-links .see-work-btn a { border: 2px solid var(--e-global-color-green); margin-right: 10px; }
.what-btn a { padding: 10px 25px; font-size: 18px; font-weight: 600;color: var(--e-global-color-text);background-color: var(--e-global-color-green); border: 2px solid var(--e-global-color-green); border-radius: 100px; line-height: normal; }
.what-btn a:hover{border-color: var(--e-global-color-green);background-color: var(--e-global-color-text);    color: var(--e-global-color-green); }
/* work-pro-section */
.work-card { text-align: center; padding: 58px 45px 44px; border: 1px solid rgba(0, 0, 0, .1); position: relative; width: 25%; }
.work-card:first-child { border-radius: 30px 0px 0px 30px; border-style: solid !important; border-width: 1px 0px 1px 1px !important; }
.work-card:last-child { border-radius: 0px 30px 30px 0px; }
.w-c-heading { margin-bottom: 10px; }
.work-pro { display: flex; flex-wrap: wrap; }
.work-headings { text-align: center; }
.work-heading-first { padding-bottom: 20px; }
.work-icon { width: 75px; }
.work-heading-second.heading { padding-bottom: 60px; }
.work-step { position: absolute; top: -15px; font-weight: 600; font-size: 16px; text-transform: uppercase; color: #000; left: 50%; padding: 2px 25px; background-color: #f1d2a9; border-radius: 5px; transform: translate(-50%); }

.w-icon { color: #010201; display: flex; margin: 0 auto; align-items: center; justify-content: center; width: 140px; height: 140px; position: relative; border-radius: 100%; background-color: #e9f2ea; margin-bottom: 30px;}
.work-icon { z-index: 11; }
.circle-green { position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); background-color: var(--e-global-color-green); padding: 0; border-radius: 100%;transition: 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); }
.work-card:hover{ .circle-green{ padding: 50%; } .work-icon{filter: invert();}}

/* reuse-section-text-images */

.view-more-btn a{  padding: 8px 25px; font-size: 18px; font-weight: 600;color: var(--e-global-color-text);background-color: var(--e-global-color-green); border: 2px solid var(--e-global-color-green); border-radius: 100px; line-height: normal;}
.view-more-btn a:hover{border-color: var(--e-global-color-green);background-color: var(--e-global-color-text);    color: var(--e-global-color-green);}
.text-img-holder { display: flex; align-items: center; }
.side-image { width: 48.5%;border-radius: 15px; overflow: hidden; border-radius: 60px 0;  }
.side-image img{border-radius: 60px 0;}
.side-text { width: 48.5%; }

.button{  padding: 8px 25px; font-size: 18px; font-weight: 600;color: var(--e-global-color-text);background-color: var(--e-global-color-green); border: 2px solid var(--e-global-color-green); border-radius: 100px; line-height: normal; }
.button:hover{ border-color: var(--e-global-color-green);background-color: var(--e-global-color-text);    color: var(--e-global-color-green);}


 /* .review-testi */

.item--inner .item-header { padding: 50px 45px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 7px 30px rgba(0, 0, 0, 7%); border-radius: 20px;}
.item--inner { margin: 0 15px; background-color: #fcfaf7; padding: 10px; border-radius: 20px; margin-bottom: 25px;}
.item--description{color: var(--e-global-color-darkgreen);margin-bottom: 30px; margin-top: 18px;}
.content-top .content-star .item-star i { color: rgb(255, 153, 0); font-size: 14px; }
.item--inner .item-header .content-top { display: flex ; align-items: center; }
.item--inner .item-header .author { border: 1px solid rgba(0, 0, 0, .1); display: flex ; align-items: center; padding: 15px 20px;border-radius: 7px; position: relative; }
.item-header .author:before { position: absolute; content: ''; width: 15px; height: 15px; background: #fff; top: -8px; left: 10%; transform: translateX(-50%) rotate(45deg); border-left: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1); transition: all 200ms linear 0ms;}
.slick-dots{display: flex; align-items: center; margin: 0 10px; justify-content: center;}
.ct-testimonial-carousel1 .item--inner .item-header .author:before { position: absolute; content: ''; width: 15px; height: 15px; background: #fff; top: -8px; left: 10%; transform: translateX(-50%) rotate(45deg); border-left: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1);}

.slick-prev.slick-arrow { position: absolute; top: 50%; left: -7%; width: 65px; height: 65px; background-color: #fff; transform: translateY(-50%); border: 1px solid rgba(0, 0, 0, .1); }
.slick-arrow{border-radius: 100%;     transition: all 300ms linear 0ms;}
.slick-next.slick-arrow { position: absolute; top: 50%; right: -7%; transform: translateY(-50%); background-color: #fff; width: 65px; height: 65px; border: 1px solid rgba(0, 0, 0, .1); }
.content-star{margin-left: 30px;}
.slick-prev { transform: translateY(-50%); }
.testimonial-image{margin-right: 15px;}
.slick-prev.slick-arrow:before { font-size: 20px; content: ""; background-image: url(/wp-content/themes/newliferockeries/assets/images/arrow-right-short-svgrepo-com.svg); color: #2f2f2f; position: absolute; top: 50%; left: 50% ; transform: translate(-50%, -50%); padding: 20px; background-size: contain; rotate: 180deg; transform-origin: 0% 0%; }
.slick-next.slick-arrow:before { font-size: 20px; content: ""; background-image: url(/wp-content/themes/newliferockeries/assets/images/arrow-right-short-svgrepo-com.svg); color: #2f2f2f; position: absolute; top: 50%; left: 50% ; padding: 20px; transform: translate(-50%, -50%); background-size: contain; }
.slick-dots li{ text-indent: -9999px;}
.slick-prev, .slick-next { text-indent: -9999px; overflow: hidden; }
.slick-arrow:hover { filter: invert(1); background-color: #C567BD;}

ul.slick-dots li { background-color: var(--e-global-color-green); border-radius: 50%; width: 7px; height: 7px; min-width: 7px; margin: 8px; position: relative; cursor: pointer;}
ul.slick-dots { margin: 25px auto 0; width: 100px; }
.slick-dots li:before{ content: ''; border-color: var(--e-global-color-green); width: 21px; height: 21px; left: -7px; top: -7px; transition: .5s; border-radius: 50%; position: absolute; border: 1px solid var(--e-global-color-green); opacity: 0; }
 .slick-dots .slick-active::before{opacity: 1;}
 
 .t-heading-second{padding-bottom: 60px;}
.s-read-btn a { color: var(--e-global-color-darkgreen) ;position: relative; }
.service-card { padding: 44px; width: 29%; background-color: #fcf6eda6;border-radius: 0px 20px 20px;   width: 47%; margin:0 3% 5% 0; }

.service-icon {   padding: 13px; border-radius: 100%; /* filter: invert(1); */ width: 75px; height: 75px; background-color: var(--e-global-color-text); padding: 20px; border-radius: 100%;    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 60px; }
.service-icon svg { fill: var(--e-global-color-green); }
.service-card svg path{fill: var(--e-global-color-green);}

.service-heading { margin-top: 25px; }
.service-blog { margin-top: 6px; }
.s-read-btn { margin-top: 10px; }
.fa-solid, .fas { font-weight: 900; display: flex ; margin: auto; align-items: center; margin-left: 5px; color: var(--e-global-color-darkgreen); }
.icon-animate{position: relative;position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); background-color: var(--e-global-color-green); padding: 0; border-radius: 100%; transition: 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); }
.border-circle::after{ content:'' ; width: 63px; height: 63px; position: absolute; z-index: 1; border-radius: 50%; transition: 200ms linear 0.1s; z-index: 1; background: transparent; border: 2px solid rgb(255, 255, 255); border-style: dashed; top: 6px; right: 6px; left: 6px; bottom: 6px; animation: 10s linear 0s infinite normal none running rotate360; }
.work-icon svg path { stroke-width: 20px !important; }
.border-circle{position: absolute; width: 75px; height: 75px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.service-card:hover{.icon-animate{ padding: 51%; } .service-icon svg, .service-icon svg path {fill: var(--e-global-color-text); } background-color: var(--e-global-color-darkgreen);  .service-blog h5,  .service-heading h4, .s-read-btn a{color: var(--e-global-color-text);} .s-read-btn a{ text-decoration: underline;} .fa-solid, .fas{color: var(--e-global-color-text);}  }
.service-icon svg {max-width: 50px; max-height: 38px; fill: var(--e-global-color-green); position: absolute; width: fit-content; padding: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; }
.service-headind{padding-bottom: 60px;text-align: center;}
.service-card-holder { width: 50%; display: flex ;margin-right: auto; flex-wrap: wrap; margin-right: 2%; }.service-card:last-child { margin-right: 0; margin-bottom: 0; }
.service-card:nth-child(2) { margin-right: 0;}
.service-main-img{width: 48%; margin-left: auto;  position: relative;}
.service-card:nth-last-child(2){margin-bottom: 0;}


/* service-images */

.images-line-one-m1 { width: 100%;   padding-right: 14%; padding-top: 14%;}
.image-line-one-m2 { width: 40%; padding: 10px; }
.image-line { display: flex; }
.images-line-two-m1 { width: 40%; padding: 10px; }
.image-line-two-m2 { width: 60%; padding: 10px; }
.image-line-two { display: flex; }
.logo-rot { position: absolute; right: 0; top: 44%; transform: translateY(-50%); padding: 20px; background-color: darkgreen; border-radius: 100%; }
.border-circle-logo { position: absolute; top: 13px; background-color: transparent; width: 51%; padding: 40%; border-radius: 100%; left: 19px; transform: translate(-50%, -50%); border: 4px solid white; border-style: dashed;     animation: 10s linear 0s infinite normal none running rotate360; }

.service-main-img img { border-radius: 70px 0;}
.logo-rot { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); padding: 20px; background-color: darkgreen; border-radius: 100%; }
.top-object {position: absolute;top: 0;right: 0;background-color: #fcf6eda6;width: 70%;height: 60%;z-index: -1;}
.play-btn{display: block;}

/* youtube-video-section */
.play-btn{ display: flex; align-items: center; justify-content: center;  width: 120px; height: 120px; line-height: 120px; background: var(--e-global-color-text);  border-radius: 50%; color: var(--e-global-color-darkgreen); cursor: pointer; }
.proccess-v .active{display: none;}
.play-border-effect:before { position: absolute; left: 0; top: 0; content: ""; border-radius: 50%; width: 100%; height: 100%; border: 1px solid #eaeaea; animation: popupBtn 1.8s linear infinite }
.play-border-effect:after, .play-border-effect:before { position: absolute; left: 0; top: 0; content: ""; border-radius: 50%; width: 100%; height: 100%; border: 1px solid #eaeaea; animation: popupBtn 1.8s linear infinite; }


/* location-we-served */
.loc-icon { width: 50px; margin-bottom: 10px; display: none; }
.locations-card { width: 431px; padding: 20px; border-radius: 60px 0; background-color: #fff; margin-right: 20px; }
.location-w-s ul.slick-dots li { background-color: var(--e-global-light-yellow) ; border-radius: 50%; padding: 4px; margin: 8px; position: relative; cursor: pointer; }
.Locations-We-Serve-section ul.slick-dots li:before { content: ''; border-color: var(--e-global-light-yellow); top: -6px;} 
.loc-name { margin-bottom: 20px; display: none; }
.loc-image { border-radius: 40px 0 ; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 20rem; }
section.Locations-We-Serve-section { background-color: var(--e-global-color-darkgreen); }
.Locations-We-Serve-section .heading h3{ color: var(--e-global-color-text);}


.video-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2;}
@keyframes popupBtn { 0% { transform: scale(1); opacity: 0 } 50% { transform: scale(1.4); opacity: .3 } to { transform: scale(1.8); opacity: 0 } }

 
/* service-section-main */

.read-more a { color: var(--e-global-color-darkgreen); }
.m-icon { width: 50px; }
.m-icon svg, .m-icon path{ fill: var(--e-global-color-darkgreen);}
.main-s-card { width: 30%; }
.m-card-text { width: 100%; }
.our-main-service {  display: flex; /* justify-content: center; */  flex-wrap: wrap;}

.m-text-hold { display: flex; justify-content: center; /* padding: 20px 0; */ }
.main-s-card { width: 32%; }
.m-card-text { padding: 30px;  border-radius: 30px; margin-top: -40px; z-index: 31; background-color: white; }
.m-icon { margin-bottom: 10px; }
.m-heading { margin-bottom: 20px; }
.m-sub-text { margin-bottom: 15px; }
.s-img-hold { border-radius: 20px; overflow: hidden; width: 400px; height: 290px; max-height: 250px;}
.s-img-hold{background-size: cover; background-repeat: no-repeat; background-position: center; }
.main-s-card:last-child { margin-right: 0; }
.main-s-card{margin-right: 2%; min-width: 350px;}

.main-s-card { margin-bottom: 20px; }
.main-s-card { margin-bottom: 20px; margin-right: 2%; width: 32%;   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 60px; border-radius: 30px; overflow: hidden;}
.s-img-hold { width: 100%; height: 13vw; min-height: 215px; }
.main-s-card:nth-child(3) { margin-right: 0; }

.pb-60 {padding-bottom: 60px;}
.acordion-one, .acordion-two,.acordion-three{ border: 3px solid var(--e-global-color-darkgreen); color: var(--e-global-color-darkgreen); position: relative;z-index: 55; padding: 10px 10px 10px 10px; margin-top: 1px;} 
.acordion-three::after{position: absolute; content: "+"; color: var(--e-global-color-darkgreen); right: 10px; top: 15px; transform: translateY(-50%); font-size: 20px; }
.acordion-two::after{position: absolute; content: "+"; color: var(--e-global-color-darkgreen); right: 10px; top: 15px; transform: translateY(-50%); font-size: 20px; }
.acordion-one::after{position: absolute; content: "+"; color: var(--e-global-color-darkgreen); right: 10px; top: 15px; transform: translateY(-50%); font-size: 20px; }
.acor-content, .acor-content-2, .acor-content-3{ left: 0; right: 0; height: 0; border: navajowhite; color: var(--e-global-color-darkgreen); overflow: hidden; transition: 0.5s; }
.acor-content.active, .acor-content-2.active, .acor-content-3.active{ height: 75px; color: var(--e-global-color-darkgreen);  overflow: hidden; margin-top: 10px; }
.acordion-one.active::after, .acordion-two.active::after, .acordion-three.active::after{content: "-"; }
@keyframes rotate360 { 0% {opacity: 1; transform: rotate(0deg); } 100% { transform: rotate(360deg); opacity: 1; } }

/* view-demo-pop-up */
.Process-video { border-radius: 30px; overflow: hidden; }
.proccess-v iframe { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; }
.Process-video-pop-up { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 5555; background: rgb(0 0 0 / 75%); display: none; flex-flow: row wrap; overflow-y: auto; flex-flow: row wrap; display: flex; align-items: center; justify-content: center; display: none; } 
.active-popup .Process-video-pop-up { display: flex; }
.pop-cover { padding: 0 0 50%; position: relative; }
button.pop-up-close { position: absolute; right: 0px; top: -30px; width: 20px; height: 20px; border: 0; background: none; background: url(/wp-content/themes/newliferockeries/assets/images/close-x.svg); background-size: cover; cursor: pointer; }
.active-popup { overflow: hidden; }
.video-home { max-width: 1098px; width: 90%; padding: 50px 0; }

/* contact-banner */
.contact-banner{justify-content: space-between; position: relative; padding: 60px 25px;  background-color: var(--e-global-color-green); border-radius: 20px 0; }
.page-template-home-page .contact-banner {margin-top: -140px;}
.contact-link span.sub-title {display: block;font-size: 17px;margin-bottom: 10px;}
.contact-link a.link { font-size: 27px; font-weight: 600; font-family: 'Montserrat'; }
.email-side { margin-bottom: 15px; }
.email-side i.fa-solid, .number-side i.fa-solid {  color:#FFFF; font-size: 70px; margin-right: 20px; }
.email-side, .number-side { display: flex; align-items: center;  flex-wrap: wrap;}
section.our-service-section { padding-bottom: 200px; }
.page-template-contact-us .wpcf7-list-item{margin: 0 ;}

/* contact-page */

.contact-us-page .contact-form-grid { display: flex; flex-wrap: wrap; gap: 1rem; }
.contact-us-page .form-group { width: calc(50% - 0.5rem); }
.contact-us-page .full-width { width: 100%; }
.contact-us-page .form-control { width: 100%; font-family: var(--e-global-Dmsans-font-family); padding: 1.2rem; border: 1px solid var(--e-global-color-darkgreen); outline: none ; border-radius: 8px; font-size: 1rem; }
.contact-us-page .checkbox-group { font-size: 0.9rem; line-height: 1.4; }
.contact-us-page .form-submit-button { background-color: var(--e-global-color-darkgreen); color: #fff; padding: 1rem 2rem; border: none; border-radius: 6px; cursor: pointer; }
.contact-us-page .terms { text-align: left; font-size: 0.85rem; }
.contact-us-page .contact-form-side { width: 50%; padding-right: 4rem; }
.contact-us-page .form-heading h2 { margin-bottom: 1rem; }
.contact-us-page .form-subheading h3 { font-size: 20px; margin-bottom: 2rem; }
.contact-us-page .form-group.checkbox-group.full-width p { color: black; }
.contact-us-page .contact-image-side { border-radius: 2rem; overflow: hidden; height: 45rem; width: 50%; }
.contact-us-page .contact-us-banner .contact-banner.flex.align-center { margin-top: 0; background-color: transparent; }
.contact-us-page .contact-content{display: flex;}

/* service-page */

.page-template-service-page section.our-service-section{ padding-bottom: 0 ;}
 .side-image{ background-size: cover; background-position: center; background-repeat: no-repeat; padding: 16%  0; }
.section-only-text-btn .sub-text:first-child{margin-bottom: 1rem;}
.c-h-card-content .sub-title{ color: var(--e-global-color-darkgreen);}
.page-template-service-page .contact-banner{ margin-top: 0;}

/* complany-hight-light  */

.c-h-card { width: 32%; padding: 2rem; text-align: center; margin-bottom: 25px; border: 1px solid var(--e-global-color-darkgreen); margin-right: 2%; }
.c-h-card:last-child{margin-right: 0;}
.c-h-card:nth-child(3n){margin-right:0 ;}
.c-h.icon { padding-bottom: 10px; }
.c-h-heading { padding-bottom: 20px; }
.c-h-card .sub-title { padding-bottom: 10px; text-align: center; }
.c-h-card-content{display: flex ; flex-wrap: wrap;}

/* faq-section */

.faq-heading h2{ color: var(--e-global-color-darkgreen); margin-bottom: 20px;} 
.active.faq-answer{display: block;}
.faq-answer{display: none; padding:0 30px 10px 20px;  line-height: 140%;}
.faq-item{ border-radius: 25px;margin-bottom: 5px; background: var(--e-global-color-darkgreen);  color: var(--e-global-color-text); font-size: 16px; line-height: 100%; position: relative;}
.faq-question::after{  position: absolute; content: "+"; top: 20px; right: 19px;font-weight: 900; font-size: 16px; transform: translate(-50%, -50%); }
.faq-question{ padding: 15px 38px 15px 20px; }
.faq-question.active::after{content: "-";font-size: 16px; font-weight: 900;}
.faq-item:last-child{margin-bottom: 0;}
.faq-answer .faq-question{ word-wrap:break-word;}

/* .testimonial-page */

.t-content-right { width: 48.5%; color: var(--e-global-color-darkgreen); }
.t-content-left  { width: 48.5%; }
.t-content-left iframe { width: 100%; }
.t-content-right .stars i { width: 35px; margin: 2px; color: #f0ad4e; }
.testimonial-video-content.flex { align-items: center;  }
.t-content-right .text-content  h5{ font-size: 18px; }
 .testimonial-sub-heading  { margin-bottom: 60px; }
.page-template-testimonials-page section{padding: 40px 0;}
.page-template-testimonials-page .contact-banner{margin-top: 0;}

section.page-hero-title { padding:7%  0; }


/* Work Gallery Styles */

/* 
.compare-main{display: flex;}
.compare-container { position: relative; width: 700px; max-width: 100%; cursor: ew-resize; width: 33.33%; }
.compare-container img { display: block; width: 100%; height: auto; }
.compare-container .after { position: absolute; top: 0; left: 0; width: 100%; height: auto; clip-path: inset(0 100% 0 0); }
.compare-container .slider-handle { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; border: 1px solid #000; }
 .compare-container .slider-handle { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: rgba(255, 255, 255, 0.6); border: 2px solid #ffffff; border-radius: 50%; cursor: ew-resize; display: flex; align-items: center; justify-content: center; z-index: 2; }
.compare-container::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--handle-x, 50%); width: 2px; background: #ffffff; z-index: 1; } */


.compare-container { position: relative; width: 31.70%; height: 360px !important; overflow: hidden; margin: 10px; display: inline-block; }
.compare-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.compare-container .after { clip-path: inset(0 50% 0 0); }
.compare-container .slider-handle { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: rgba(255, 255, 255, 0.6); border: 2px solid #ffffff; border-radius: 50%; cursor: ew-resize; display: flex; align-items: center; justify-content: center; z-index: 2; }
.compare-container::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--handle-x, 50%); width: 2px; background: #ffffff; z-index: 1; }

/* blog-page-style */

.blog .post, .archive .post {  color: var(--e-global-color-darkgreen); border-radius: 8px; padding: 10px; margin-bottom: 15px;  } 
.blog .post h2.entry-title, .archive .post h2.entry-title { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.blog .post .post-thumbnail img, .archive .post .post-thumbnail img { display: block; max-width: 100%; height: auto; border-radius: 5px; margin-bottom: 15px; }
.blog .post .entry-summary, .archive .post .entry-summary { font-size: 16px; line-height: 1.6; }

.single-post .container{max-width: 1290px;  margin: 0 auto;}
.blog .type-post{width: 33.3%;}
.blog #content{display: flex;  width: 100%; flex-wrap: wrap;}

.single-post h1.entry-title { font-size: 35px; }
.single-post .h6.post-meta li { color: darkgreen; }
.single-post .section-blog-text p { color: var(--e-global-color-darkgreen);  font-size: 18px;}
.single-post h2.wp-block-heading { margin: 1.5rem 0; }
.single-post .container { max-width: 870px; margin:0 auto; }
.single-post h3.wp-block-heading { margin-bottom: 1rem; }
.single-post .h6.post-meta { display: none; }
.single-post .section-blog-text a { text-decoration: underline; color: var(--e-global-color-darkgreen);}
.single-post .page-hero-title{ width: 100vw; margin-left: calc(-50vw + 50%); position: relative; left: 0; right: 0;}

.blog-img.post-thumbnail{margin-bottom: 1rem;}
.row.blog-detail-pagination a span { color: var(--e-global-color-text); padding: 4px 30px; background-color: var(--e-global-color-darkgreen); border-radius: 25px; }
.single-post .media-body{display: none;}

.prev-post::before { content: "\f060"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 6px; }
.next-post::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 6px; }
.blog-detail-pagination{display: flex; justify-content: space-between; padding: 0 2rem; margin-bottom: 3rem; margin: 0 auto 2rem; max-width: 700px; }
.blog-post-wrapper { position: relative; margin: 0 auto; padding: 30px 20px; background: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); height: 100%; }
.blog-post-thumb img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 20px; }


/* Category */ 


.blog-post-category {font-family: var(--e-global-Dmsans-font-family);  font-size: 14px; color: #D42809; font-weight: 600; margin-bottom: 10px; display: block; }
.blog-post-title a { font-family: var(--e-global-Dmsans-font-family);font-size: 20px; color: var(--e-global-color-darkgreen); margin-bottom: 20px; font-weight: 700; text-decoration: none; line-height: 1.3;}
.blog-post-meta {font-family: var(--e-global-Dmsans-font-family); font-size: 14px; color: #666; margin-top: 10px; margin-bottom: 15px; }
.blog-post-meta i { color: #999; margin-right: 6px; }
.blog-post-excerpt {font-family: var(--e-global-Dmsans-font-family); font-size: 16px; color: #333; line-height: 1.8; margin-bottom: 20px; }
.blog .blog-post-readmore { font-family: var(--e-global-Dmsans-font-family);  border: 2px solid var(--e-global-color-darkgreen);  background-color: var(--e-global-color-darkgreen); color: #fff !important; padding: 10px 20px; border-radius: 6px; font-size: 14px; text-decoration: none; transition: background 0.3s ease; }
.blog .blog-post-readmore:hover { background-color: var(--e-global-color-text); border: 2px solid var(--e-global-color-darkgreen);  color: var(--e-global-color-darkgreen) !important;  }
.blog .container{max-width: 1280px; margin: 0 auto;}

.blog  ul.post-categories a {color: #ffffff;background-color: darkgreen;padding: 3px 10px;border-radius: 25px;margin: 0 5px 0 0;}
.blog  .card-body .post-categories {  display: flex; top: 36px; right: 25px;position: absolute; }
.blog  .post-meta.h6.blog-post-meta .author a {color: var(--e-global-color-darkgreen);font-weight: 500;}
.blog .blog-post-meta{display: none;}
.blog .card-body a.blog-post-thumb { display: block; padding: 6.5rem 0;  background-size: cover; background-position: center; border-radius: 8px; margin-bottom: 20px; }
.single-post ul li{color: var(--e-global-color-darkgreen);}

.blog-img.post-thumbnail img{width: 100%;}
.single-post .blog-info{ display: none;}
.blog .card-description{color: var(--e-global-color-darkgreen); line-height: 150%; }


/* gallray-page */

.gallery-section  .heading, .gallery-section .sub-heading, .gallery-section .sub-text{ margin-bottom: 20px; max-width: 1000px; margin: 0 auto 12px; }
.heading-area{ margin-bottom: 40px; }
.gallery-section .heading-area .sub-heading h3{ font-weight: 900; font-size: 35px;}


/* Parent wrapper styling */

/* .project-filter-section { padding: 20px 0; }
.project-filter-wrapper { display: flex; justify-content: center; }
.project-filter-menu { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; }
.filter-btn { background: none; border: 2px solid var(--e-global-color-darkgreen); padding: 8px 14px; font-size: 14px; cursor: pointer; color: var(--e-global-color-darkgreen); transition: 0.3s; }
.filter-btn:hover,
.filter-btn.active { background: var(--e-global-color-darkgreen); color: white; }
.filter-item-has-submenu { position: relative; }
.filter-submenu { display: none; position: absolute; top: 110%; left: 0; background: white; border: 1px solid #ddd; list-style: none; padding: 5px 0; margin: 0; z-index: 10; }
.filter-submenu li { padding: 0; margin: 0; }
.filter-sub-btn { display: block; padding: 8px 12px; border: none; background: none; width: 100%; text-align: left; font-size: 14px; cursor: pointer; }
.filter-sub-btn:hover { background: #f5f5f5; }
.filter-item-has-submenu:hover .filter-submenu { display: block; }

 */

.project-filter-menu { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; align-items: center; justify-content: center; position: relative; }
.filter-btn, .filter-sub-btn { background:transparent; color: var(--e-global-color-darkgreen); border-radius: 3px; min-width: 90px; border: 1px solid var(--e-global-color-darkgreen); padding: 10px 5px; cursor: pointer;  font-size: 17px; font-family: var(--e-global-Dmsans-font-family); transition: background 0.3s; }
.filter-btn:hover, .filter-sub-btn:hover { background: var(--e-global-color-darkgreen); }
.filter-submenu {  display: none; position: absolute; top: 60px; left: 50%; transform: translate(-50%);list-style: none;  align-items: center; justify-content: center; width: 100%; }
.menu-image-container { margin-top: 20px; text-align: center; }
.filter-item-has-submenu.active{ text-align: center;}


.filter-item-has-submenu:active .filter-submenu { display: flex; }

.project-filter-section { margin-bottom: 85px; }
.project-filter-menu { list-style: none; padding: 0; }
.project-filter-menu > li { margin-bottom: 5px; }
.filter-submenu { list-style: none; padding-left: 15px; display: none; }
.images-wrapper { margin-top: 20px; }
.menu-image-container { display: none; }
.menu-image-container.active { display: flex; flex-wrap: wrap; gap: 10px; }
.menu-image-container .img-box{ width: 32%; height: auto; border: 1px solid #ddd; padding: 10% 0;  background-size: cover; background-position: center; cursor: pointer; border-radius: 6px;}

.project-filter-menu, .filter-submenu { list-style: none; padding: 0; margin: 0; }
.project-filter-menu li { margin-bottom: 5px;}
.filter-item-has-submenu.active .filter-submenu { display: flex; }
.menu-image-container { display: none; flex-wrap: wrap; gap: 30px; margin-top: 20px; }
.menu-image-container.active { display: flex; }
/* Lightbox */
.gallery-section .lightbox { display: none ; display: flex; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; }
.gallery-section .lightbox-img { max-width: 80%; max-height: 80%; }
.gallery-section .close, .prev, .next { position: absolute; color: white; font-size: 30px; cursor: pointer; user-select: none; }
.gallery-section .close { top: 20px; right: 30px; }
.gallery-section .prev { left: 50px; top: 50%; transform: translateY(-50%); }
.gallery-section .next { right: 50px; top: 50%; transform: translateY(-50%); }

.filter-submenu .filter-sub-btn{ padding: 8px 15px ; margin: 0 2px 0 0;}


.filter-btn:hover, .filter-sub-btn:hover { background: var(--e-global-color-darkgreen); color:var(--e-global-color-text); }
.filter-btn.active, .filter-sub-btn.active { background-color: var(--e-global-color-darkgreen); color:var(--e-global-color-text); }
.filter-item-has-submenu.active-border > .filter-btn { background-color: transparent; border: 2px solid var(--e-global-color-darkgreen); color: var(--e-global-color-darkgreen); }
.filter-btn.active, .filter-sub-btn.active { background: var(--e-global-color-darkgreen); /* apna color */ }
.filter-item-has-submenu.active .filter-btn{color: var(--e-global-color-text);}
.page-template-about-us .hero-card-holder{margin-top: 0; border: 1px solid var(--e-global-color-darkgreen);}

.page-template-about-us .our-achievements-section .sub-heading{ margin: 0 auto; max-width: 900px;}
.page-template-about-us .hero-card{border-right: 1px solid var(--e-global-color-darkgreen);}
.page-template-about-us .hero-card:last-child{border: none;}


span.btn.btn-primary.btn-link.prev-post,span.btn.btn-primary.btn-link.next-post { padding: 10px 35px; border: 2px solid var(--e-global-color-darkgreen); background-color: transparent; color: var(--e-global-color-darkgreen); }
span.btn.btn-primary.btn-link.prev-post:hover, span.btn.btn-primary.btn-link.next-post:hover { color: var(--e-global-color-text); background-color: var(--e-global-color-darkgreen); }
.iframe-open{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 5; cursor: pointer;}

.wpcf7-list-item{margin: 0 0.5rem 0 0 !important;}

/* career-page-style */

.career-section{color: var(--e-global-color-darkgreen);}
.career-hero {   color:var(--e-global-color-text); padding:30px  0px; text-align:center; }
.career-hero-title h1 { margin:0; font-size:3em; }

.career-intro { padding:0 0 40px 0;  margin: 0 auto; }
.career-intro-title h2 { margin-top:0; }
.career-jobs { display:flex; flex-wrap:wrap; gap:20px;   margin:0 auto; }
.career-job-card { width: 49%; background:#f9f9f9; padding:30px; border-radius:8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.career-job-card a { display:inline-block; margin-top:10px; text-decoration:none; }


.career-job-title h3 { margin-top:0; }
.career-apply { padding:40px 0px; text-align:center; }
.career-apply-title  { margin-bottom: 15px; }
.career-apply-btn { background:var(--e-global-color-darkgreen); color:var(--e-global-color-text); padding:10px 20px; border:none; border-radius:4px; cursor:pointer; }
.career-apply-btn:hover { background:var(--e-global-color-darkgreen); }
.career-footer { background:#f1f1f1; padding:20px; text-align:center; font-size:0.9em; }
.career-apply a{ text-decoration: underline; color: var(--e-global-color-darkgreen);}
.career-intro{text-align: center; max-width: 1000px; margin: 0 auto;}
.career-intro-title h2{text-align: center; margin-bottom: 20px; }
.career-job-title{margin-bottom: 10px;}
.career-apply-note{font-size: 20px;}
.ready-to-apply{font-size: 20px; max-width: 800px; margin: 0 auto; margin-bottom: 20px;}
.career-job-card { width: 22.2%; text-align: start; justify-content: center; text-align: center; background-color: #fcf6eda6; }
.career-job-card:hover{box-shadow: none;  } 
.career-jobs { justify-content: center; }
 .dark-btn {padding: 8px 25px;font-size: 18px; color: var(--e-global-color-text); border: 2px solid var(--e-global-color-darkgreen) ;border-radius: 100px; line-height: normal; background-color: var(--e-global-color-darkgreen);}
.dark-btn:hover{ color: var(--e-global-color-darkgreen); background-color: transparent; }
.career-job-title h3{ font-size: 24px;}


.apply-form-section{color: var(--e-global-color-darkgreen);}
.apply-form-section .form-row { margin-bottom: 15px; }
.apply-form-section label { font-weight: bold; display: block; margin-bottom: 5px; }
.apply-form-section input, .career-apply-form select, .career-apply-form textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; }
.apply-form-section input[type="submit"] { background: var(--e-global-color-darkgreen); color: #fff; font-family: var(--e-global-Dmsans-font-family); font-size: 16px; border: 1px solid var(--e-global-color-darkgreen); cursor: pointer; padding: 12px 20px; border-radius: 6px; }
.apply-form-section input[type="submit"]:hover { background: transparent;  color: var(--e-global-color-darkgreen); }

.apply-left {  width: 48%; margin-right: auto; position: relative;}
.apply-right { width: 49%; }
.apply-heading-area { max-width: 650px; margin-bottom: 25px; }
.form-heading { margin-bottom: 10px; }
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { font-size: 14px; outline: none; font-family: var(--e-global-Dmsans-font-family); padding: 10px 15px; border-radius: 4px; width: 100%; border: 1px solid var(--e-global-color-darkgreen); }
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required { outline: none; padding: 10px 5px; border-radius: 3px; font-family: var(--e-global-Dmsans-font-family); color: var(--e-global-color-darkgreen); width: 100%; }
input.wpcf7-form-control.wpcf7-file { padding: 10px 0; }
input#file-upload-button { padding: 12px 0; }
textarea.wpcf7-form-control.wpcf7-textarea { outline: none; width: 100%; border-radius: 5px; padding: 20px;  height: 90px; resize: none; font-family: var(--e-global-Dmsans-font-family); }
form.wpcf7-form.init { padding: 20px; border: 1px solid var(--e-global-color-darkgreen); border-radius: 10px; }
.form-section-images{display: flex; flex-direction: column;gap: 20px;}
.page-template-career-page .images-line-one-m1{ padding-top:1%;}
.page-template-career-page .logo-rot{display: none;}

/* .our-team-section */

.our-team-section {color: var(--e-global-color-darkgreen);}
.our-team-heading-wrapper { max-width: 800px; margin: 0 auto; text-align: center; margin-bottom: 30px; }
.our-team-heading {  text-align: center; padding:  0 0 40px 0; }
.our-team-row { display: flex; justify-content: center; text-align: center; width: 100%; flex-wrap: wrap; }
.team-card { width: 30%; padding: 30px; border: 1px solid; border-radius: 15px; margin-right: 3%;  margin-bottom: 25px; border-top: 30px solid ;}
.team-card:last-child { margin-right: 0; }
.team-mbr-profile { width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; background-size: cover; background-position: center; margin-bottom: 10px; }
.team-mbr-name { margin-bottom: 3px; }
.our-team-members-wrapper .team-card { width: 20%; }
.our-team-members-wrapper .team-card:nth-child(4n) { margin-right: 0; }
.our-team-members-wrapper .team-card { width: 20%; background-color: #f1d2a93b; border-top: 10px solid; border-radius: 20px; }
.our-team-members-wrapper .team-mbr-profile{ border-radius: 10px;}
.our-team-members-wrapper .our-team-heading{ padding: 40px 0;}

.page-template-seattle section{padding: 50px 0;}
.page-template-seattle section.page-hero-title{padding: 7% 0; }

/* fill-width-text */
.full-text-content { text-align: center; color: var(--e-global-color-darkgreen);}
.full-text-content .sub-text {  margin: 0 auto; font-size: 16px; margin-bottom: 25px; }
.full-text-content .heading { margin-bottom: 20px; }
.page-template-bellevue-page .why-choice{ gap: 3%;}
.page-template-bellevue-page .why-c-left{ margin-right: 0;}

.location-map{width: 100%; height: 400px; }
.map-location-section iframe{width: 100%; height: 100%;}
.text-slider-content{display: flex; color: var(--e-global-color-darkgreen);  align-items: center; }
.right-slider-text{width: 49%;}
.left-text { padding: 50px 60px; border-left: 5px solid;  width: 49%; margin-right: 2%;}
.text-slider-content .slick-arrow{display: none;}
.right-slider-text.text-slider{ padding: 40px; border-radius: 60px 0; background-color: var(--e-global-color-darkgreen); color: var(--e-global-color-text); }
.text-slider-content .right-slider-text .heading-wrapper h3{color: var(--e-global-color-text);}
.text-slider-section .heading-wrapper{ margin-bottom: 10px; color: var(--e-global-color-text);}
.text-slider-content ul.slick-dots li{background-color: #FFFF;}
.text-slider-content .slick-dots li:before{border-color: #fff;}
.page-template-retaining-wall-page .full-text-content .sub-text{max-width: 1000px; margin: 0 auto;}
 
/* review-badges-sections */

.review-badges { text-align: center; }
.review-badges .review-heading  {  margin-bottom: 30px; }
.review-badges .review-logos { display: flex; justify-content:space-evenly ; align-items: center; flex-wrap: wrap;  }
.review-badges .review-item { text-align: center;  }
.review-badges .fa-solid, .fas{ color: #f8b400;  font-size: 20px; }
.review-badges .review-item-img{  max-width: 150px;  margin: 0 auto 10px; }
.review-badges .review-logo-heading{margin-bottom: 10px;}
.text-content{font-size: 17px; font-weight: normal; color: var(--e-global-color-small-text);}




/* responsive-style */

/* min-width */
@media (min-width:1270px) {
 #menu-primary >.menu-item-has-children:hover{ .sub-menu { visibility: visible; opacity: 1; top: 80px; } }
 .menu-item-has-children .sub-menu a::before{ content: ""; width: 0px; height: 2px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background: var(--e-global-color-darkgreen); transition: 0.4s; }
.menu-item-has-children .sub-menu  li:hover >a::before{ opacity: 1; visibility: visible; width: 14px; }

#menu-primary >.menu-item-has-children .sub-menu .menu-item-has-children li:hover{ .sub-menu{display: block;visibility: hidden;} }
#menu-primary >.menu-item-has-children .sub-menu li:hover{.sub-menu {display: block; visibility: visible;}a{color: var(--e-global-color-secondary);}}
.menu-item-has-children .sub-menu  .sub-menu:hover{visibility: visible; display: block;}
 .menu-item-has-children .sub-menu  .sub-menu{ left: 100%; top: 0;display: none; visibility: hidden; top: 0 !important; }
 #menu-primary >.menu-item-has-children .sub-menu{visibility: hidden; opacity: 0; transition: 0.3s ease-in-out; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
 #menu-primary .sub-menu li a{padding:8px 20px;
} #menu-primary >.menu-item-has-children .sub-menu{ top: 90px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; width: 230px; padding: 0 10px; }
.menu-item-has-children .sub-menu{padding: 0 0 10px 0;}
#menu-primary >.menu-item-has-children .sub-menu li:hover{padding: 0 0 0 10px;}


}


@media (max-width:1270px) {  .wrapper{max-width: 992px;}  /* 1270px */

section{padding: 40px 0;}

/* footer-responsive */
.quick-links { width: 20%;  }
.service-links {width: 20%;}


/* navbar-responsive */
.menu{ position: absolute; top: 110px; left: 0; padding: 10px 10px; flex-direction: column; z-index: 555; right: 0; padding: 0 10px; width: 100%;  background-color: var(--e-global-color-text);}
.menu .sub-menu{ width: inherit;  position: relative; }
.menu-item-has-children .sub-menu .sub-menu{ left: 0;}
ul#menu-primary > li{padding: 5px 0; }
.header-inner .main-menu a:hover{background-color: var(--e-global-color-green); width: 100%; color: var(--e-global-color-text);} 	
.header-inner .main-menu a{width: 100%; padding:0 15px;}
ul#primery-menu{padding: 5px 0;   margin-bottom: 2px;}
.menu-item-has-children .sub-menu{padding: 0 10px;}
.menu-item-has-children .sub-menu li{padding: 5px 0;}
.menu-item-has-children .sub-menu .sub-menu{visibility: visible;}

.menu .sub-menu li{ padding: 5px 10px;}
#menu-primary .sub-menu li{ padding: 5px 0; }
.menu-item{ padding: 5px 0; }
.sub-menu .menu-item-has-children > a::after{ background-image: url(/wp-content/themes/newliferockeries/assets/images/dropdown-icon.png); }
.sub-menu .menu-item-has-children > a::after{ right: 15px;}
#menu-primary> .menu-item-has-children::after { right: 15px;}
#menu-primary> .menu-item-has-children::after{  top: 25px;}
ul#menu-primary{ padding:  0 10px;}
#menu-primary a:hover{color: var(--e-global-color-text); }
.header-inner .main-menu a{color: var(--e-global-color-small-text);}
#menu-primary> .menu-item-has-children::after{filter: none;} 

.sub-menu{ display: none; }
.menu-item-has-children.has-sub-menu > .sub-menu { display: block;  }
#menu-primary >.menu-item-has-children .sub-menu{ position: relative; }

.menu-btn-wrap { display: inline-block; cursor: pointer; }
.bar1, .bar2, .bar3 {width: 29px; height: 3px; background-color: var(--e-global-color-text); margin: 5px 0; transition: 0.4s; }
.menu-btn-wrap { padding: 5px; background-color: var(--e-global-color-yellow);  margin-right: 30px; }
.nav-btns.flex { align-items: center; } .change .bar1 { transform: translate(0, 7px) rotate(-45deg); }
.change .bar2 {opacity: 0;}
.change .bar3 { transform: translate(0, -9px) rotate(45deg); }

.\.menu-btn-wrap { padding: 5px;  border-radius: 5px; margin-right: 30px; }
.nav-btns { align-items: center; }
.menu-primary-container {display: none;} 

 .hero-left-contant { padding: 110px 60px 145px 60px;}
.hero-card { padding: 0px 15px;}
.hero-card-holder.flex{margin-top: 0;}
.work-card { padding: 58px 19px 44px; }
.work-card{ width: 50%;}
.work-card:first-child{ border-radius: 30px 0px 0px 0px; border-width: 1px 1px 1px 1px !important; }
.work-card:last-child{ border-radius: 0px 0px 30px 0px;}
.service-card { padding: 30px; width: 48%; margin: 0 2% 5% 0px}
.service-card-holder { width: 58%; margin-right: 2%; }
.service-main-img { width: 40%; margin-left: unset; }
.main-s-card { width: 49%; }
.main-s-card:nth-child(2) { margin-right: 0; }
.our-main-service { justify-content: center; }
 h3 { font-size: 25px;} 
.c-h-card:nth-child(2n) { margin-right: 0; }
.c-h-card { width: 49%;}
.blog .type-post { width: 50%; }
.menu-image-container .img-box{width: 49%; padding: 18% 0;}

.play-btn{width: 90px; height: 90px;}
.play-btn svg{width: 30px !important;}
.career-job-card { width: 31.2%;}
.team-card { width: 31%;}
 .our-team-members-wrapper .team-card { width: 31%;  background-color: #f1d2a93b; border-top: 10px solid; border-radius: 30px; }
.our-team-members-wrapper .team-card:nth-child(3n) { margin-right: 0; }
.our-team-members-wrapper .team-card:nth-child(4n) { margin-right:3%; }
.our-team-heading{padding:0 0 20px 0; margin-top: 0; margin-bottom: 10px;}
.our-team-members-wrapper .our-team-heading{ padding: 20px 0;}
.hero-title-content .h1{font-size: 45px; text-align: center;}



}

  
@media (max-width:992px) {	.wrapper{max-width: 760px;} 
section{padding: 25px 0;} .heading h3 { font-size: 35px;}
.page-template-seattle section{padding: 25px 0;}

.footer-main .contact-us{width: 40%;}
footer .sub-box {width: 40%;}
.header-inner{position: static;}
.hero-left-contant { padding: 100px 70px 100px 70px; border-radius: 100px 0; width: 100%;}
.hero-card { padding: 20px 5%; width: 48%; margin: 1%; border: 1px solid #ededed; }
.side-image { width: 100%; padding: 30% 0; }
.text-img-holder { flex-wrap: wrap; }
.mr-3{margin:0 0 25px 0;}
.side-image.mr-3{margin: 0;} 
.side-text {width: 100%; order: 1; margin: 25px 0 0 0;}
.testimonial-video-content .t-content-right{width: 100%;  }
.testimonial-video-content .t-content-left{width: 100%;  } 
.loc-image{background-size: contain;}
.p60{padding: 30px 0;}

.contact-us-page .contact-image-side{display: none;}
.contact-us-page .contact-form-side { width: 100%; padding-right: 0; }
.contact-us-page .form-control{padding: 0.8rem;}

/* iframe-side-section */

.why-c-left { width: 100%; margin: 0 0 25px 0; }
.why-choice { flex-wrap: wrap; }
.why-c-right { width: 100%; }
.work-pro { flex-wrap: wrap; }

/* other-work-section */

.service-main-img { width: 100%; }
.service-card-holder { width: 100%; margin: 0; }
.images-line-one-m1 { width: 85%; padding-right: 20%; padding-top: 7%; }
.service-card:nth-last-child(2) { margin-bottom: 0; }
.service-card:nth-last-child(2){margin-bottom: 0;}
.service-main-img{margin-top: 25px;}

/* service-page  */
.testimonial-sub-heading h4{font-size: 16px; margin-bottom: 20px;}
.page-template-testimonials-page section{padding: 20px  0;} 
.single-post h1.entry-title{font-size: 26px;}
.blog .type-post{width: 50%;}
.gallery-section .heading-area .sub-heading h3{ font-size: 30px;}
.page-template-about-us .hero-card{border: 1px solid var(--e-global-color-darkgreen);}
.page-template-about-us .hero-card:last-child{ border: 1px solid var(--e-global-color-darkgreen);}
.career-job-card { width: 48.2%; }
.apply-left { width: 100%; margin-right: 0%; margin-bottom: 10%; }
.apply-right { width: 100%; }
.apply-form-section .images-line-one-m1{padding-right: 0;}
.apply-heading-area{max-width: none;}


.team-mbr-name { margin-bottom: 3px; }
.our-team-row { flex-wrap: wrap; }
.team-card:nth-child(2n) { margin-right: 0; }
.team-card { width: 48%; margin-bottom: 2%; } 
.our-team-members-wrapper .team-card { width: 48.5%; margin-right: 3%;  background-color: #f1d2a93b; border-top: 10px solid; border-radius: 30px; }
.our-team-members-wrapper .team-card:nth-child(2n) { margin-right: 0; }
.our-team-members-wrapper .team-card:nth-child(3n){margin-right: auto;}
.text-slider-content { flex-wrap: wrap; }
.text-slider-content .right-slider-text{ width: 100%; }
.text-slider-content .left-text { width: 100%; margin-right: 0; }
.review-badges .review-item{margin: 30px;}



}


@media (max-width:760px) { 
.wrapper{max-width: 556px;}

.menu{top: 81px; width: 100%;}
.footer-main .contact-us{width: 100%;}
footer .sub-box {width: 100%;}
footer .quick-links{width: 50%;}
.service-links{width: 50%;}

/* hero-section-style */

.hero-left-contant { padding: 70px 40px 70px 40px;}
 h1 { font-size: 40px;}
.hero-card { padding: 20px 0%; }
.mb-25{margin-bottom: 18px;}
.item--inner{margin-bottom: 0;}
.main-s-card { width: 100%; margin: 0 0 20px 0; }
.c-h-card{width: 100%; margin-right: 0;}
.side-image{padding: 40% 0; }
.footer-follow-icon{ justify-content: space-between;}
.blog .type-post{width: 100%;}
.filter-submenu{top: 10px; position: relative; flex-wrap: wrap;}
.menu-image-container .img-box{width: 100%; padding: 35% 0;}
.hero-title-content .h1{font-size: 40px;}

/* filter-style */

.filter-item-has-submenu.active .filter-submenu li {  margin: 5px; }
.filter-btn, .filter-sub-btn{width: 100%;}
.project-filter-menu{display: block;}
.filter-item-has-submenu.active{margin-bottom: 20px;}
.project-filter-section{margin-bottom: 40px;}
.gallery-section .heading-area .sub-heading h3{ font-size: 25px;}
.contact-us-page .contact-form-grid{gap: 0.5rem;}
.career-job-card{width: 100%;}
.apply-left { width: 100%; margin-bottom: 3%;  margin-right: 0;}
.apply-right { width: 100%; }
.team-card { margin-right: 0; width: 100%; }
.review-badges .review-item { margin: 30px; }
.text-slider-content  .left-text { padding: 25px 10px 25px 10px; }
.right-slider-text.text-slider{padding: 35px 20px;}

}

@media (max-width:556px) {

.wrapper{max-width: 100%;}
.item--inner .item-header { padding: 20px 20px;}
.item--inner{margin: 0;}
.Call-btn a, .see-work-btn a{ margin: 0 0 15px 0; }
.work-card { width: 100%; max-width: 370px; margin: 0 auto; }
.work-card:first-child{border-radius: 30px 30px 0px 0px; border-width: 1px 1px 1px 1px !important;}
.work-card:last-child{border-radius: 0px 0px 30px 30px;}
.contact-link a.link{font-size: 18px;}
.service-card {  width: 100%; margin: 0 0 5% 0px}
.service-card:nth-last-child(2){margin-bottom: 5%;}
.logo-rot { width: 165px; }
.border-circle-logo { top: 10px; left: 15px; }
.our-team-members-wrapper .team-card{padding: 15px;}
.review-badges .review-item-img{ max-width: 100px;}
.review-badges .review-item { margin: 20px; }
.full-text-content .heading h3 { font-size: 25px; }


}

@media (max-width:399px) {

.wrapper{max-width: 100%;}
.hero-left-contant { padding: 30px 20px 30px 20px; }
.btns-wrap.flex { padding-top: 0; }
.Call-btn a { margin: 0 0 15px 0; }
.hero-card { width: 100%;padding: 20px 1%;}
.contact-form-grid .form-group { width: 100%; }
.contact-us-page .contact-form-grid{gap: 0;}
.our-team-members-wrapper .team-card{width: 100%; margin-right: 0;}
.\.menu-btn-wrap.open-close { margin-right: 10px; }


}