html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Coolvetica';
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    font-weight: 400;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/Coolvetica-Cond.woff2') format('woff2'),  url('../fonts/Coolvetica-Cond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/Coolvetica-HeavyComp.woff2') format('woff2'),  url('../fonts/Coolvetica-HeavyComp.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/Coolvetica-Cram.woff2') format('woff2'),  url('../fonts/Coolvetica-Cram.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/Coolvetica-Italic.woff2') format('woff2'),  url('../fonts/Coolvetica-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('../fonts/Coolvetica-Regular.woff2') format('woff2'),  url('../fonts/Coolvetica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),  url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),  url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),  url('Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),  url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),  url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),  url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),  url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),  url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),  url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
img {
    max-width: 100%;
    border: 0;
    height: auto;
}
h1,  h2,  h3,  h4,  h5,  h6 {
    font-family: 'Coolvetica';
}
textarea,  div,  span,  li,  button,  a {  font-family: 'Montserrat';
    font-weight: 400;
    color: #000;
    transition: ease-in-out 1s;
}
input {
    font-family: 'Montserrat';
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
     font-family: 'Montserrat';
}
p {
    font-family: 'Montserrat';
    line-height: 28px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #000;
}
.clear {
    clear: both;
    float: none;
    width: 100%;
}
.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
a {
    text-decoration: none !important;
    transition: ease-in-out 1s;
    color: #000000;
    font-family: 'Montserrat';
}
a:hover {
    transition: ease-in-out 1s;
    color: #292774;
}
a,  span {
    display: inline-block;
    color: #fff;
    transition: ease-in-out 1s;
}
:focus {
    box-shadow: none !important;
    outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Coolvetica';
}
textarea, input, div, span, li, button {
    font-family: 'Montserrat';
}

.get-touchtxt{font-family: 'Coolvetica';}


/*Responsive css*/



@media (min-width: 1366px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1250px;
}
}

@media (min-width: 1440px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1350px;
}
}

@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1500px;
}
}
/*------------------common-css End-------------------*/
#mnmwp-main-menu ul ul li a {width: 200px !important;font-weight: 600 !important;}
	


/*nav*/  

header {
    /* position: fixed; */

    top: 0px;
    left: 0px;
    background-color: #fff;
    transition: ease-in-out 5s;
    width: 100%;
    z-index: 5;
}
.fixed-nav .top-menu-main {
    background: #fde100;
}
.fixed-nav .logo {
    width: 200px;
}
.top-menu-main {
    background: #fff;
    padding: 6px 30px;
    border-radius: 8px;
}
.menu-icon {
    display: flex;
    justify-content: end;
}
.social-contact {
    padding: 12px 0px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 15px;
}
.social-contact li a {
    font-size: 18px;
    font-weight: 500;
    color: #fde100;
}
.social-contact li a span {
    padding-right: 8px;
}
.menu-icon li {
    padding: 0px 15px 0px 0px;
}
.menu-icon li:last-child {
    padding: 0;
}
.menu-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------------------------

# Desktop Navigation

--------------------------------------------------------------*/

@media (min-width: 992px) {
.navbar {
    padding: 0;
}
.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
.navbar li {
    position: relative;
}
.navbar>ul>li {
    white-space: nowrap;
    padding: 10px 0 10px 25px;
}
.navbar a,  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3px;
    font-size: 19px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
}
.navbar a i,  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}
.navbar>ul>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -6px;
    left: 0;
    background-color: #fde100;
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
}
.navbar a:hover:before,  .navbar li:hover>a:before,  .navbar .active:before {
    visibility: visible;
    width: 100%;
}
.navbar a:hover,  .navbar .active,  .navbar .active:focus,  .navbar li:hover>a {
    color: #000;
}
.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 28px;
    top: calc(100% + 30px);
    border: none !important;
    margin: 0;
    padding: 0px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
}
.navbar .dropdown ul li {
    min-width: 250px;
	border-bottom: solid 1px #ddd;
}
.navbar .dropdown ul a {
    padding: 16px 10px;
    font-size: 16px;
    text-transform: none;
    transition: 0.8s ease-in-out;
    line-height: 18px;
}
.navbar .dropdown ul a i {
    font-size: 12px;
}
.navbar .dropdown ul a:hover,  .navbar .dropdown ul .active:hover,  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
    color: #fff;
    background: #20720d;
}
.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}
}

@media (min-width: 992px) and (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
    left: -90%;
}
.navbar .dropdown .dropdown:hover>ul {
    left: -100%;
}
}

@media (min-width: 992px) {
.mobile-nav-show, .mobile-nav-hide {
    display: none;
}
}

/*--------------------------------------------------------------

# Mobile Navigation

--------------------------------------------------------------*/
/* .is_mobile #mnmwp-main-menu ul {
    width: 100% !important;
    display: block !important;
    position: absolute;
    inset: 0 !important;
    padding: 50px 0 10px 0 !important;
    margin: 0 !important;
    background: rgba(24, 24, 40, 0.9) !important;
    overflow-y: auto !important;
    transition: 0.3s !important;
    z-index: 9999 !important;
}
 */
@media (max-width: 991px) {
.navbar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    bottom: 0;
    transition: 0.3s;
    z-index: 9997;
	
}
.navbar ul {
    position: absolute;
    inset: 0;
    padding: 50px 0 10px 0;
    margin: 0;
    background: rgba(21, 76, 8, 0.9);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
	height:100%;
}
	.navbar	.mnmwp-menu {  padding: 50px 0 10px 0 !important;}
.navbar a,  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    transition: 0.3s;
}
.navbar a i,  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}
.navbar a:hover,  .navbar .active,  .navbar .active:focus,  .navbar li:hover>a {
    color: #fff;
}
.navbar .getstarted,  .navbar .getstarted:focus {
    padding: 8px 20px;
    border-radius: 4px;
    margin: 15px;
    color: #fff;
}
.navbar .getstarted:hover,  .navbar .getstarted:focus:hover {
    color: #fff;
    background: rgba(0, 131, 116, 0.8);
}
.navbar .dropdown ul,  .navbar .dropdown .dropdown ul {
    position: static;
    display: none;
    padding: 10px 0;
    margin: 10px 20px;
    transition: all 0.5s ease-in-out;
    background-color: #081505;
    border: 1px solid #081505;
}
.navbar .dropdown>.dropdown-active,  .navbar .dropdown .dropdown>.dropdown-active {
    display: block;
}
.mobile-nav-show {
    color: rgba(0, 0, 0, 0.8);
    font-size: 28px;
    cursor: pointer;
    line-height: 0;
    transition: 0.5s;
    z-index: 9999;
    margin-right: 10px;
}
.mobile-nav-hide {
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    line-height: 0;
    transition: 0.5s;
    position: fixed;
    right: 5px;
    top: 6px;
    z-index: 9999;
}
.mobile-nav-active {
    overflow: hidden;
}
.mobile-nav-active .navbar {
    right: 0;
}
.mobile-nav-active .navbar:before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(24, 24, 40, 0.8);
    z-index: 9996;
}
.navbar	.mnmwp-menu{display:block !important;}
#mnmwp-main-menu{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: absolute !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
	background: #15470b !important; 
	z-index: 9999;
}
.is_mobile #mnmwp-main-menu #mnm-menu-button {display: none; !important}.mnm-submenu-button {position: absolute;right: 0; }
.mnmwp-menu-nav {background: #15470b !important; }
	.is_mobile #mnmwp-main-menu #mnm-menu-button {
		display: none !important;}
	
	.mnmwp-menu .menu-item{
		background:#fff !important;
	}	
	
	#mnmwp-main-menu > ul > li{color:#fff !important;}	
	.navbar ul li a{color:#fff !important;}
	.is_mobile #mnmwp-main-menu #mnm-menu-button .btn.menu-btn span, .is_mobile #mnmwp-main-menu ul li .mnm-submenu-button:before, .is_mobile #mnmwp-main-menu ul li .mnm-submenu-button:after {
   background: #fff !important;
}
#mnmwp-main-menu > ul > li.has-sub > a {color: #fff;}
#mnmwp-main-menu ul ul li a {
    border-bottom: 1px solid rgb(255 255 255 / 81%);
    padding: 16px 15px;
    width: 173px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    background: #333333;
	text-transform: uppercase;
}
#mnmwp-main-menu > ul > li > a {
    padding: 17px;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
color:#fff;
}
	.sub-menu li a:hover{color:#000;}
	
	
}




#mnmwp-main-menu {
	background: transparent !important;}
.header-bg {
    background-color: #252525
}
.top-nav-bar {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 11;
}
.top-container {
    padding: 0 70px;
}

.top-container-menu {
    padding: 0 70px;
}

.user {
    display: flex;
    justify-content: end;
    gap: 15px;
    padding-right: 15px;
}
.user li a {
    font-size: 22px;
    color: #fff;
}
.home-banner {
    position: relative;
    line-height: 0
}
/*.home-banner:after {content: "";position: absolute; width: 100%;height: 100%;top: 0;left: 0;background-color: rgb(0 0 0 / 40%); }*/

.home-banner-text-container {
    position: absolute;
    bottom: 10%;
    color: #fff;
    z-index: 1;
}
.home-banner-text {
    padding: 20px 150px 35px 35px;
    background-color: #082701c4;
    border-radius: 8px;
}
.home-banner-title {
    font-size: 75px;
    padding-bottom: 20px;
    color: #fff;
    font-weight: 400;
}
.home-btn-1 {
    font-size: 18px;
    padding: 14px 36px;
    position: relative;
    font-weight: 500;
    color: #000000;
    border: 1px solid #fde100;
    border-radius: 25px;
    background: #fde100;
    line-height: normal;
}
.home-btn-1:hover {
    color: #479829;
    background: #fff;
    border: 1px solid #479829;
}
.home-btn-1:hover::after {
    background-color: #fde100;
    color: #fff;
}
.home-btn-1:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #479829;
    border-radius: 50%;
    right: 2px;
    top: 50%;
    bottom: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    transform: translate(50%, -50%);
    transition: all 0.3s ease-in-out;
}
.email-text {
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 7;
}
.email-icon {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 2;
    background: #fde100;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
header.header-section.fixed-nav .top-nav-bar {
    animation: smoothScroll 4s forwards;
}
header.header-section.fixed-nav a.logo.d-flex.align-items-center img {
    width: 250px;
}
.home-top-white {
    padding: 90px 0;
    position: relative
}
.maintitle {
    font-size: 50px;
    color: #000;
    margin: 0 0 20px 0;
    font-weight: 300;
}
.home-text-container {
    max-width: 1100px;
    margin: 0 auto;
}
.home-section-1 {
    padding: 100px 0px 80px 0px;
}
.hm-sec1-img {
    position: relative;
}
/* .hm-sec1-img:before {
    content: "";
    position: absolute;
    background: url(../images/hm-sec1-before.webp);
    background-repeat: no-repeat;
    width: 242px;
    height: 256px;
    top: 390px;
    bottom: 0;
    margin: auto;
    left: 70px;
    z-index: -1;
} */
.hm-sec1-img:before {
    content: "";
    position: absolute;
    background: url(../images/hm-sec1-before.webp);
    background-repeat: no-repeat;
    width: 242px;
    height: 256px;
    top: 390px;
    bottom: 0;
    margin: auto;
    left: 143px;
    z-index: -1;
}
/* .hm-sec1-img-2 {
 
	    width: 63%;
    float: right;
    margin-top: -22%; position: relative;
} */
.hm-sec1-img-2 {
    width: 50%;
    float: right;
    margin-top: -28%;
    position: relative;
}
.hm-sec1-title1 {
    font-size: 18px;
    color: #20720d;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 34%;
    bottom: 0;
    margin: auto;
    font-family: 'Montserrat';
}
.hm-sec1-titleo {
    font-size: 86px;
    color: white;
    text-shadow: -1px -1px 0 #d3d4d238, 1px -1px 0 #d3d4d238, -1px 1px 0 #d3d4d238, 1px 1px 0 #d3d4d238;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
    line-height: 68px;
    padding-left: 10px;
}
.hm-sec1-heading-outline {
    position: relative;
}
.hm-sec1-text {
    padding-left: 30px;
    position: relative;
}
.hm-sec1-title1 img {
    padding-right: 10px;
}
.hm-sec1-title2 {
    font-size: 72px;
    padding: 10px 0px;
    color: #080808;
    font-weight: 400;
}
.hm-sec1-title2 span {
    color: #479829;font-family: 'Coolvetica';
}
.hm-sec1-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #000000;
    font-family: 'Montserrat';
}
.hm-sec1-list {
    padding-bottom: 30px;
    column-count: 2;
}
.hm-sec1-list li {
    font-size: 18px;
    padding-bottom: 8px;
    font-weight: 500;
    color: #20720d;
    position: relative;
    font-family: 'Montserrat';
    display: flex;
    align-items: center;
}
.hm-sec1-list li i {
    background-color: #20720d;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
}
.home-section-2 {
    padding: 30px 0px 50px 0px;
    background: #f0fff0;
    position: relative;
}
.hm-sec2-title1 {
    font-size: 18px;
    color: #20720d;
    font-weight: 500;
    position: absolute;
    left: -16px;
    top: 40%;
    bottom: 0;
    margin: auto;
    font-family: 'Montserrat';
}
.hm-sec2-titleo {
    font-size: 86px;
    color: #f0fff0;
    text-shadow: -1px -1px 0 #d3d4d238, 1px -1px 0 #d3d4d238, -1px 1px 0 #d3d4d238, 1px 1px 0 #d3d4d238;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
    line-height: 68px;
    padding-left: 10px;
}
.hm-sec2-heading-outline {
    position: relative;
}
.hm-sec2-text {
    padding-left: 0;
}
.hm-sec3-text-box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgb(0 0 0 / 62%); */

    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgb(0 0 0 / 90%));
    border-radius: 20px;
    z-index: 0;
}
.hm-sec3-img img {
    border-radius: 20px;
    transition: opacity 1s, transform 0.7s ease-in;
}
.hm-sec3-img {
    overflow: hidden;
    border-radius: 20px;
    border: 0px solid transparent;
}
.hm-sec3-text-box:hover .hm-sec3-img img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
}
.hm-sec3-text-box-title1 {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #00000085;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 320px 20px 20px 20px;
    opacity: 0;
    border-radius: 20px;
    transition: 1s;
    z-index: 1;
}
.hm-sec3-img img:hover {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
}
.service-btn {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-btn:hover {
    background: #fde100;
    color: #fff;
    transition: ease-in-out 1s;
}
.hm-sec3-text-box {
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
}
.hm-sec3-text-box:hover {
    border: 2px solid #fff;
}
.hm-sec3-text-box-title {
    padding: 30px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.hm-sec3-title {
    font-size: 36px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}
.hm-sec3-text-box:hover .hm-sec3-text-box-title {
    opacity: -1;
    transition: ease-in-out 1s;
}
.hm-sec3-text-box:hover .hm-sec3-text-box-title1 {
    opacity: 2;
    transition: ease-in-out 1s;
    height: 100%;
}
.hm-sec3-title1 a {
    font-size: 36px;
    color: #ffffff;
    font-weight: 400;font-family: 'Coolvetica';
}

.hm-sec3-title1 a:hover {

    color: #ffffff;
    font-weight: 400;font-family: 'Coolvetica';
}

.hm-sec3-text {
    padding-bottom: 20px;
}
.hm-sec3-heading {
    font-size: 48px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.hm-sec3-text-box-title1 p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat';
}
.home-sec3-text p {
    font-size: 27px;
    line-height: 39px;
    font-weight: bold;
    color: #fff;
}
.home-section-4 {
    padding: 0px 0px;
    position: relative;
}
.hm-sec4-img:before {
    content: "";
    position: absolute;
    width: 48%;
    height: 500px;
    border-radius: 0px 265px 265px 0px;
    background-color: #3b8927;
    left: 0;
    z-index: -1;
    bottom: 0;
}
.hm-sec4-img::after {
    content: "";
    position: absolute;
    background-image: url(../images/hm-sec3-left-img.webp);
    background-repeat: no-repeat;
    width: 474px;
    height: 694px;
    left: 250px;
    bottom: 0;
    background-size: 100%;
}
.hm-sec4-text {
    padding-left: 15px;
}
.hm-sec4-box {
    padding: 20px 10px 0px 10px;
    border-radius: 8px;
    border: 1px solid #c6c6c6;
    text-align: center;
    height: 100%;
}
.hm-sec4-box:hover {
    border: 1px solid #3b8927;
    box-shadow: 0px 0px 20px #ccc;    background-color: #fde100;
}
.hm-sec4-box:hover .hm-sec4-bx-img img {
    filter: invert(1.5);
    transition: ease-in-out 1s;
}
.hm-sec4-box:hover .hm-sec4-bx-heading {
    color: #3b8927;
    transition: ease-in-out 1s;
}
.hm-sec4-box:hover .hm-sec4-bx-img {
    background: #3b8927;
}
.hm-sec4-bx-heading {
    font-size: 24px;
    font-weight: 400;
    color: #232323;
    margin-bottom: 2px;
}
.gal-box-one img:hover{  transition: ease-in-out 1s; border-radius: 100px;}
.gal-box-one img{  transition: ease-in-out 1s; }
.col-lg-12.col-md-6.mobile-bottom img{  transition: ease-in-out 1s; }
.col-lg-12.col-md-6.mobile-bottom img:hover{  transition: ease-in-out 1s; border-radius: 100px;}


.hm-sec4-box p {
    font-size: 16px;
    color: #232323;
    font-weight: 500;
    font-family: 'Montserrat';
}
.hm-sec4-bx-img {
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
    background: #fde100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    right: 0;
    margin: auto auto 10px auto;
    justify-content: center;
}
.home-section-5 {
    margin: 100px 0px;
    padding: 0px 0px 100px 0px;
    background: url(https://thewebsites.live/touchofafingerlawncarewp/wp-content/uploads/2025/01/tch-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: auto;
    background-attachment: fixed;
}
.sec-hm-sec5-test-box {
    background-color: #f0fff0;
    padding: 30px 30px 50px 50px;
    width: 45%;
    height: 66%;
    border-radius: 0px 0px 50px 50px;
}
.hm-sec2-heading-outline span {
    color: #f0fff0;
}
#home-sec5-slider .owl-dots {
    display: none;
}
.hm-sec5-text-box-2 .owl-carousel .owl-nav.disabled {
    display: flex !important;
    justify-content: left;
}
#home-sec5-slider .owl-prev {
    padding: 20px;
}
#home-sec5-slider .owl-next {
    padding: 20px;
}
#home-sec5-slider div.owl-nav .owl-next {
    background: url(../images/arrow-right.png) no-repeat center center;
    width: 30px;
    height: 30px;
    margin: 3px;
    background-repeat: no-repeat;
    background-color: #479829;
    border-radius: 50%;
    padding: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-position: center;
    line-height: 20px;
}
#home-sec5-slider div.owl-nav .owl-prev {
    background: url(../images/arrow-left.png) no-repeat center center;
    width: 30px;
    height: 30px;
    margin: 3px;
    background-repeat: no-repeat;
    background-color: #479829;
    border-radius: 50%;
    padding: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-position: center;
    line-height: 20px;
}
.owl-carousel .owl-item .hm-sec5-text img {
    display: block;
    width: auto !important;
}
.hm-sec5-text-box-2 {
    padding-top: 40px;
}
.hm-sec5-client-img1 img {
    border-radius: 8px;
    border: 1px solid #3b8927;
}
.hm-sec5-text-image {
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.hm-sec6-heading1 {
    font-size: 44px;
    color: #080808;
    font-weight: 400;
    text-align: center;
}
.hm-sec6-container {
    padding: 0px 20px;
    border-radius: 40px;
    background: #c7d6c1;
    font-family: 'Montserrat';
}
.hm-sec6-heading2 {
    font-size: 20px;
    color: #080808;
    font-weight: 600;
    font-family: 'Montserrat';
    margin-bottom: 0;
}
.hm-sec6-box {
    display: flex;
    justify-content: center;
    gap: 10px;
    border-left: 1px solid #a1ad9c;
    padding: 45px 0px;
    align-items: center;
}
.hm-sec6-box-1 {
    border-left: none;
}
.footer-item li {
    font-size: 17px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 400;
}
.footer-item li a {
    border-bottom: 2px solid transparent;
    font-weight: 500;
    font-family: 'Montserrat';
}
.footer-item li:hover a {
    padding-left: 2px;
    border-bottom: 2px solid #50c4ed;
}
.footer-section {
    padding: 120px 0px 40px 0px;
    background: url(../images/footer-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.footer-heading-1 {
    font-size: 30px;
    padding-bottom: 15px;
    color: #fde100;
    font-weight: 400;
}
.footer-item-1 {
    display: flex;
}
.footer-item-1 li {
    margin-right: 8px;
}
.footer-item-1 li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}
.footer-item-1 li:hover a {
    background: #fde100;
    transition: ease-in-out 1s;
}
.footer-item-1 li a:hover img {
    filter: invert(1.5);
    transition: ease-in-out 1s;
}
.footer-item li:hover a {
    color: #fde100;
    border-bottom: 2px solid #fde100;
}
.footer-btm-left p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.footer-btm-right p a {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
}
.footer-btm-right p a:hover {
    color: #fde100;
}
.footer-btm-right p {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    text-align: end;
}
.footer-bottom {
    padding: 50px 0px 0px 0px;
    position: relative;
    z-index: 1;
}
.footer-btm-left p span {
    padding: 0px 6px;
    font-family: 'Montserrat';
}
.footer-sec-1 {
    position: relative;
    z-index: 1;
}
.footer-item li {
    font-size: 18px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat';
}
.footer-btm-left {
    text-align: center;
}
.footer-menu p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat';
}
.footer-btm-left {
    text-align: center;
}

.map-icon-box {
    font-size: 20px;
	color: #000;}

.hm-sec6-box:hover .hm-sec6-heading2 {
    color: #20720d;
    transition: ease-in-out 1s;
}
.hm-sec6-box:hover .map-icon-box{ color: #20720d;}

.inner-banner {
    position: relative;
}
.inner-banner-text-container {
    position: absolute;
    width: 100%;
    bottom: 10%;
    z-index: 1;
}
.inner-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgb(0 0 0));
    /* background-color: rgb(0 0 0 / 50%); */

    z-index: 0;
}
.inner-banner-text {
    padding: 15px 50px;
    background: #082701c4;
    display: inline-block;
    border-radius: 8px;
}
.inner-banner-text-heading {
    font-size: 75px;
    color: #ffffff;
    font-weight: 400;
}
.service-section-1 {
    padding: 70px 0px 30px 0px;
}
.service-sec1-img img {
    border-radius: 20px;
    transition: opacity 1s, transform 0.7s ease-in;
}
.service-sec1-img {
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid transparent;
}
.service-sec1-img:hover img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
}
.service-sec1-title1 {
    font-size: 58px;
    color: #080808;
    font-weight: 400;
}
.service-sec1-title1 span {font-family: 'Coolvetica';
    color: #479829;
}
.service-section-2 {
    padding: 50px 0px;
    background: #f0fff0;
    position: relative;
}
.service-sec2-text {
    padding-bottom: 40px;
    text-align: center;
}
.service-sec2-title1 {
    font-size: 58px;
    color: #080808;
    font-weight: 400;
}
.service-sec2-title1 span {font-family: 'Coolvetica';
    color: #479829;
}
.service-sec2-img img {
    border-radius: 20px;
    transition: opacity 1s, transform 0.7s ease-in;
}
.service-sec2-img {
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid transparent;
}
.service-sec2-img:hover img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
}


.service-sec2-img-m img {
    border-radius: 20px;
    transition: opacity 1s, transform 0.7s ease-in;
}
.service-sec2-img-m {
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid transparent;
}
.service-sec2-img-m:hover img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
}





.service-sec3-title1 {
    font-size: 58px;
    color: #080808;
    font-weight: 400;
}
.service-sec3-title1 span {font-family: 'Coolvetica';
    color: #479829;
}
.service-section-3 {
    padding: 60px 0px;
    position: relative;
}
.service-section-3::after {
    content: "";
    position: absolute;
    background: url(../images/service-sec3-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    right: 0;
    bottom: 5px;
    width: 539px;
    height: 735px;
}
.service-sec3-img img {
    border-radius: 20px;
    transition: opacity 1s, transform 0.7s ease-in;
}
.service-sec3-img {
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid transparent;
    text-align: center;
}
.service-sec3-list li {
    font-size: 18px;
    padding: 0px 0px 20px 40px;
    color: #000000;
    font-weight: 400;
    position: relative;
    font-family: 'Montserrat';
}
.service-sec3-list li::after {
    content: "";
    position: absolute;
    background: url(../images/leaf-icon.png);
    background-repeat: no-repeat;
    background-position: left;
    left: 0;
    top: 5px;
    width: 22px;
    height: 29px;
}
.gallery-box-text-title1 {
    font-size: 18px;
    color: #20720d;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: 34%;
    bottom: 0;
    margin: auto;
    font-family: 'Montserrat';
}
.gal-titleo {
    font-size: 86px;
    color: #fff;
    text-shadow: -1px -1px 0 #d3d4d238, 1px -1px 0 #d3d4d238, -1px 1px 0 #d3d4d238, 1px 1px 0 #d3d4d238;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0px;
    line-height: 68px;
    padding-left: 10px;
}
.gallery-box-text-outline {
    position: relative;
}
.gallery-box-text {
    position: relative;
}
.gallery-black-heading {
  padding: 8px 0px;
    font-size: 44px;
    color: #080808;
    font-weight: 400;
}
.gal-btn-1 {
    font-size: 18px;
    padding: 12px 46px;
    position: relative;
    font-weight: 500;
    color: #000000;
    border: 1px solid #fde100;
    border-radius: 25px;
    background: #fde100;
}
.gal-btn-1:hover {
    color: #479829;
    background: #fff;
    border: 1px solid #479829;
}
.gal-btn-1:hover::after {
    background-color: #fde100;
    color: #fff;
}
.gal-btn-1:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #479829;
    border-radius: 50%;
    right: 2px;
    top: 50%;
    bottom: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    transform: translate(50%, -50%);
    transition: all 0.3s ease-in-out;
}
.gallery-box {
       padding: 15px 30px;
    border: 1px solid #000;
    border-radius: 30px;
}
/* ---gallery----- */

  

.out-gallery {
    margin: 0px 0px 100px 0px;
    overflow: hidden;
}
.map-inner-img iframe {
    width: 100%;
    height: 90vh;
}
.maing {
    column-width: 390px;
    column-gap: 5px;
    padding: 5px;
}
.maing a {
    display: block;
}
.maing img {
    width: 100%;
    cursor: pointer;
    padding-bottom: 5px;
}
.maing-a {
    /* column-width: 296px; */

    column-gap: 1px;
    padding: 1px;
}
.maing-a img {
    /* width: 100%; */

    cursor: pointer;
    padding-bottom: 1px;
    border-radius: 10px;
}
.lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: #7f8c8d;
    perspective: 1000;
}
.filter {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    opacity: 0.5;
    background-position: center;
    background-size: cover;
}
.lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(0deg);
    max-height: 95vh;
    max-width: calc(95vw - 100px);
    transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
    transform-style: preserve-3d;
}
.gallery-item {
    position: relative;
}
/* slide css  */

.slide-image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgb(0 0 0 / 62%); */

    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgb(0 0 0 / 90%));
}
.main-slidee {
    width: 100%;/* height: 80vh; */
position: relative;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.slide {
    /* display: flex; */

    justify-content: center;
    align-items: center;
    position: relative;
    /* text-align: center; */

    font-size: 18px;
    background: #fff;
    overflow: hidden;
}
.slide-image {
    /* position: absolute; */

    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    transform: inherit !important;
}
.slide-title {
    color: #fff;
    z-index: 9;
    position: relative;
}
.slide-title span {
    display: inline-block;
}
.slideshow2 .slideshow-pagination {
    position: absolute;
    bottom: 22rem;
    left: 40%;
    transform: rotate(90deg);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* transition: 0.3s opacity; */

    z-index: 10;
}
.slideshow2 .slide-title span {
    display: inline;
}
.main-slidee.second-home-slide {
    margin: 100px 0 0;
}
.slideshow2 .slideshow-pagination-item.active .pagination-number {
    opacity: 1;
    color: #86ad51;
    font-weight: bold;
}
.slideshow2 .bottom-slide-testi {
    padding: 200px 0;
}
.slideshow {
    position: relative;
}
.slideshow-pagination {
    position: absolute;
    bottom: 28%;
    left: -30px;
    transform: rotate(90deg);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: 0.3s opacity;
    z-index: 2;
}
.slideshow-navigation {
    display: none;
}
.main-slidee.bottom-slider {
    height: 650px;
    margin: 100px 0 0;
}
.slideshow-pagination-item {
    display: flex;
    align-items: center;
}
.slideshow-navigation-button {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 5rem;
    z-index: 1000;
    transition: all 0.3s ease;
    color: #fff;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
    left: 0;
}
.slideshow-navigation-button.next {
    right: 0;
}
.pagination-number {
    font-size: 24px;
    color: #fff;
    font-family: 'Montserrat';
    padding: 0 0.5rem;
    transform: rotate(-90deg);
    font-weight: bold;
}
.pagination-separator {
    display: none;
    position: relative;
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.25);
    transition: all 0.3s ease;
}
.pagination-separator-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform-origin: 0 0;
}
.slideshow-pagination-item .pagination-number {
    /* opacity: 0.5; */

    color: #fff;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
    cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
/* width: 0; */

}
.slideshow-pagination-item.active .pagination-number {
    opacity: 1;
    color: #fde100;
    font-weight: bold;
}
.slideshow-pagination-item.active .pagination-separator {
    width: 10vw;
}
/* end here  */







.footer-image {
    position: relative;
}
.foter-img {
    position: absolute;
    top: -58px;
    animation: run duration 28s infinite linear ease-in;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run3;
    -webkit-animation-duration: 28s;
    width: 150px;
}
 @-webkit-keyframes run3 {
 0% {
 left: 0;
 -webkit-transform: rotateY(0deg);
}
 50% {
 left: 82%;
 -webkit-transform: rotateY(0deg);
}
 51% {
 -webkit-transform: rotateY(180deg);
}
 99% {
 left: 0;
 -webkit-transform: rotateY(180deg);
}
 100% {
 left: 0;
 -webkit-transform: rotateY(0deg);
}
}
.home-section-7 {
    padding-bottom: 100px;
}
.hm-sec1-img-2 img {
    transition: opacity 1s, transform 0.7s ease-in;
    border-radius: 250px;
}
.hm-sec1-img-2 {
    overflow: hidden;
    border-radius: 250px;
}
 .hm-sec1-img-2:hover img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
    border-radius: 250px;
}
.hm-sec1-img-1 img {
    transition: opacity 1s, transform 0.7s ease-in;
    border-radius: 200px;
}
.hm-sec1-img-1 {
    overflow: hidden;
    border-radius: 200px; position: relative;
    width: 60%; z-index: 0;
}
.hm-sec1-img-1:hover img {
    opacity: 1;
    transform: scale(1.1);

    border-radius: 200px;
}
.hm-sec2-text-left {
    padding-bottom: 0;
}
.hm-sec2-title2 {
    padding-bottom: 0px;
}
.hm-sec2-container {
    padding-bottom: 35px;
}
.gallery-box-text-title1 img {
    height: auto !important;
}
.abt-banner-menu {
    padding: 10px 0px;
    display: flex;
    align-items: center;
}
.abt-banner-menu li a {
    color: #479829;
    font-weight: 600;
}
.abt-banner-menu li {
    font-size: 17px;
    padding-right: 5px;
    font-weight: 600;
    color: #000;
    font-family: 'Montserrat';
    text-transform: capitalize;
}
.blog-dt-section-1 {
    padding: 40px 0px 50px 0px;
}
.blog-sec-3-title span i {
    padding-right: 4px;
    font-size: 14px;
}
.blog-sec-3-title span {
    padding-left: 10px;
    font-size: 14px;
}
.blog-sec-1-container {
    max-width: 1000px;
    margin: 0 auto;
}
.bl-sec-1-rec-img {
    border: 2px solid #fff;
}
.blog-sec-2-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.blog-sec-2-heading {
    font-size: 60px;
    color: #000;
    font-weight: 300;
}
.blog-sec-2 {
    padding: 100px 0px;
}
.blog-sec-3-heading {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #000;
}
.blog-sec-3-heading:hover {
    color: #479829;
    transition: ease-in-out 1s;
}
.blog-sec4-box {
    margin-bottom: 40px;
}
.blog-sec-3-title:hover {
    color: #479829;
    transition: ease-in-out 1s;
}
.blog-sec-3-text {
    padding: 15px 20px 30px;
}
.blog-sec-3-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-sec-3-btn {
    font-size: 18px;
    padding: 14px 36px;
    position: relative;
    font-weight: 500;
    color: #000000;
    border: 1px solid #fde100;
    border-radius: 25px;
    background: #fde100;
    line-height: normal;
}
.blog-sec-3-btn:hover {
    color: #479829;
    background: #fff;
    border: 1px solid #479829;
}
.blog-sec-3-btn:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #479829;
    border-radius: 50%;
    right: 2px;
    top: 50%;
    bottom: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    transform: translate(50%, -50%);
    transition: all 0.3s ease-in-out;
}
.news-sec-dp-form .form-control {
    padding: 0px 0px 0px 0px;
    font-size: 19px;
    font-weight: 400;
    line-height: 36px;
    color: #2a2a2a;
    border-bottom: 2px solid #000 !important;
    border: transparent;
    border-radius: 0;
}
 .news-sec-dp-form .form-control::placeholder {
color: #2a2a2a;
}
.news-sec-dp-form .form-control:focus {
    background-color: #fff;
    border-radius: 0;
}
.news-sec-dp-form {
    position: relative;
}
.news-sec-dp-form::before {
    content: '';
    position: absolute;
    left: 0;
}
.news-dp-category a i {
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 16px;
    color: #000;
}
.news-sec-dp-form i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 0px 0px 0px 8px;
}
.blog-sec-4 {
    padding: 50px 0px 80px 0px;
}
.news-pt-sec-3-heading-2 {
    font-size: 22px;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
}
.news-pt-sec-3-heading-1 {
    font-size: 30px;
    color: #0000;
    font-weight: 400;
    text-transform: capitalize;
}
.news-sec-dp-sec-search {
    padding-bottom: 25px;
}
.blog-sec-3-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #0000;
    background-color: #fff;
    text-transform: capitalize;
}
.news-dp-category li {
    padding: 10px 0px 10px 20px;
    border-bottom: 1px solid #bababa;
    position: relative;
}
.news-dp-category li:last-child {
    border-bottom: none;
}
.news-dp-category li a {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    font-family: 'Montserrat';
}
.news-dp-category li a:hover {
    color: #479829;
}
.blog-sec-3-img img:hover {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 2px 8px 4px rgb(195, 195, 195);
}
.blog-sec-3-img img {
    transition: opacity 1s, transform 0.7s ease-in;
}
.blog-sec-3-img {
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
}
.blog-sec3-image-box {
    position: relative;
    border-radius: 5px;
}
.news-pt-sec-3 {
    padding-left: 30px;
}
.blog-sec-3-container {
    height: 100%;
    border: 1px solid #efeeee;
    background: #fff;
    box-shadow: 0px 0px 1px #ccc;
    border-radius: 5px;
}
.blog-sec4-right {
    background: #fff;
    padding: 20px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 50px #ccc;
}
.hm-sec7-client-item:hover img {
    border: 2px solid #479829;
    box-shadow: 0px 0px 20px #ccc;
    transition: ease-in-out 1s;
}
.hm-sec7-client-item img {
    border: 2px solid transparent;
    padding: 10px;
    border-radius: 5px;
    transition: ease-in-out 1s;
}
.blog-dt-sec1-heading {
    font-size: 28px;
    padding-bottom: 8px;
    margin-top: 20px;
    color: #000000;
    font-weight: 500;
}
.blog-dt-sec1-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #000000;
    font-family: 'Montserrat';
}
.blog-dt-sec1-list li {
    font-size: 18px;
    padding-bottom: 10px;
    color: #000;
    font-weight: 500;
    list-style: disc;
    font-family: 'Montserrat';
}
ul.blog-dt-sec1-list {
    padding-left: 20px;
}
/* -----------------blog-detail-------------- */



.blog-detail-sec-1 {
    padding: 20px 0px 50px 0px;
}
.blog-dt-img {
    padding-bottom: 80px;
}
.blog-dt-sec1-text {
    padding-bottom: 30px;
}
.blog-dt-sec1-text-heading {
    font-size: 30px;
    padding-bottom: 15px;
    font-weight: 300;
    color: #353631;
}
.blog-dt-sec1-text-container p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #353631;
}
.blog-detail-sec2-text p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #353631;
}
.blog-detail-sec3-heading {
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 300;
    color: #353631;
}
.blog-detail-sec-3-text p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #353631;
}
.blog-detail-sec-1 img {
    border-radius: 8px;
}
.blog-detail-sec2-text {
    padding-left: 20px;
}
.blog-dt-category li a:hover {
    color: #50c4ed;
}
 .blog-dt-right-searching::placeholder {
font-size: 18px;
font-weight: 500;
color: #353631;
}
.news-search-form-text {
    background: #fde100;
    padding: 12px 18px;
    font-size: 28px;
    font-weight: bold;
    color: #000;
 --f: 14px;; /* control the folded part*/
 --r: 0px; /* control the ribbon shape */
    line-height: 1.8;
    border-bottom: var(--f) solid #0005;
    border-right: var(--r) solid #0000;
    clip-path: polygon(0 0, 0 calc(100% - var(--f)), var(--f) 100%,  var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)),  calc(100% - var(--r)) calc(50% - var(--f)/2), 100% 0);
}
.blog-dt-imgage-1 {
    overflow: hidden;
    border-radius: 5px;
}
.blog-dt-imgage-1 img:hover {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 2px 8px 4px rgb(195, 195, 195);
    border-radius: 5px;
}
.blog-dt-imgage-1 img {
    transition: opacity 1s, transform 0.7s ease-in;
}
.blog-dt-sec1-left {
    padding-right: 15px;
}
/* --------------Thank-you-------------- */

.thanku-section {
    padding: 80px 0px 80px 0px;
    position: relative;
    background-color: #fff;
}
.thanku-section:after {
    content: '';
    position: absolute;
    background: url(../images/about-sec2-after-img.webp);
    width: 404px;
    height: 530px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-repeat: no-repeat;
}
.message {
    padding: 60px 40px;
    border-radius: 5px;
    text-align: center;
    max-width: 700px;
    margin: auto;
    position: relative;
    background: #fde10052;
}
.thanku-text {
    font-size: 80px;
    color: #000;
    font-weight: 400;
    text-shadow: 0 0 5px #ffffffd6;
    text-transform: uppercase;
}
.message p {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    padding: 10px 0px 20px 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.thanku-btn {
    font-size: 18px;
    padding: 14px 36px;
    position: relative;
    font-weight: 500;
    color: #000000;
    border: 1px solid #fde100;
    border-radius: 25px;
    background: #fde100;
    line-height: normal;
}
.thanku-btn:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #479829;
    border-radius: 50%;
    right: 2px;
    top: 50%;
    bottom: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    transform: translate(50%, -50%);
    transition: all 0.3s ease-in-out;
    border: 1px solid #fde100;
}
.thanku-btn:hover {
    color: #479829;
    background: #fff;
    border: 1px solid #479829;
}
.poster {
    transform: scale(0.6);
    transform-origin: top center;
}
.codepen {
    background: url(https://assets.codepen.io/images/codepen-logo.svg) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    height: 92px;
}
.bungalow {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/bungalow.webp) no-repeat;
    height: 63px;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}
#drawing_canvas {
    position: absolute;
    width: 512px;
    height: 512px;
    top: 51px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    pointer-events: none;
}
/* --------------error-page-------------- */

.error-section {
    background: #fff;
    padding: 60px 0px 100px 0px;
}
.error-title {
    color: #000;
    font-weight: 400;
    font-size: 39px;
    text-align: center;
    margin-top: 38px;
}
.error-box {
    padding: 120px 0px 0px 0px;
    text-align: center;
    box-shadow: 0px 0px 50px #ccc;
    max-width: 800px;
    margin: auto;
    aspect-ratio: 1.8;
 --g: radial-gradient(50% 50%, #000 100%, #0000) no-repeat;
    mask: var(--g) 100% 100% / 30% 60%, var(--g) 70% 0 / 50% 100%, var(--g) 0 100% / 36% 64%, var(--g) 27% 18% / 35% 40%, linear-gradient(#000 0 0) bottom / 66% 60% no-repeat;
    background-color: #fde1004a;
}
.error-box-title {
    font-size: 150px;
    line-height: 100px;
    letter-spacing: 10px;
    font-weight: 400;
    color: #000;
}
.error-box p {
    font-weight: 400;
    font-size: 24px;
    padding: 10px 0px;
    color: #000;
}
.error-btn {
    font-size: 18px;
    padding: 14px 36px;
    margin-bottom: 30px;
    position: relative;
    font-weight: 500;
    color: #000000;
    border: 1px solid #479829;
    border-radius: 25px;
    background: #fff;
    line-height: normal;
}
.error-btn:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #479829;
    border-radius: 50%;
    right: 2px;
    top: 50%;
    bottom: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    transform: translate(50%, -50%);
    transition: all 0.3s ease-in-out;
}
.error-btn:hover {
    color: #479829;
    background: #fff;
    border: 1px solid #479829;
}
.modal-body p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}
.et-sec1-box1 {
    margin-bottom: 30px;
}
.gal-box-one {
    padding-bottom: 25px;
}
.hm-sec6-container {
    margin-bottom: 80px;
}
section.blog-dt-section-1 ul {
    padding-left: 0px !important;
}
.blog-dt-section-1 .blog-dt-sec1-text ul {
    padding-left: 20px !important;
}
.display-img {
    display: block;
}
.mobile-img {
    display: none;
}
/* / gallery page css  / */



.gallery-sec {
    padding: 90px 0;
}
.inner-gallery img {
    border-radius: 30px;
}
.green-location-gall {
    background: #c7d6c1;
    padding: 50px;
    border-radius: 50px;
    max-width: 1330px;
    margin: auto;
}
.inner-gallery-location h3 {
    font-size: 44px;
    color: #080808;
    font-weight: 400;
}
.inner-gallery-location p {
    font-size: 20px;
    font-weight: 600;
    color: #080808;
}
.loaction-gallery {
    margin-bottom: 70px;
}
.inner-gallery-location.txt-right::before {
    position: absolute;
    content: '';
    left: 0;
    border: 1px solid #a1ad9c;
    height: 130px;
    top: -43px;
}
.inner-gallery-location {
    text-align: left;
}
.inner-gallery-location.txt-right {
    position: relative;
    text-align: center;
}
/* / end here  / */



.contact-sec1 {
    padding: 90px 0;
}
.content-adress a {
    font-size: 18px; font-weight: 500;
    color: #3b8927;
}
.content-adress a:hover{color:#000;transition: ease-in-out 1s;}
.cont-inner-img img {
    transition: opacity 1s, transform 0.7s ease-in;
    border-radius: 10px;
}
.cont-inner-img {
    overflow: hidden;
    border-radius: 10px;
}
 .cont-inner-img:hover img {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 1px 3px 8px 4px rgb(195, 195, 195);
    border-radius: 10px;
}
.main-address-field {
    background: #f0fff0;
    padding: 30px 50px;
    margin: 35px 0 0;
    border-radius: 10px;
}
.flex-adress-contact {
    display: flex;
    align-items: center;
    background: #fff;
    gap: 25px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
	border:1px solid transparent;
}
.content-adress h5 {
    font-size: 20px;
    color: #232323;
    margin-bottom: 4px;
}
.flex-adress-contact:last-child {
    margin-bottom: 0;
}
.flex-adress-contact:hover .image-address img{  filter: brightness(0%);transition: ease-in-out 1s;}
.flex-adress-contact:hover{border:1px solid #3b8927;transition: ease-in-out 1s;}
.transpernt-contact h3 {
    font-size: 86px !important;
    -webkit-text-stroke: 1px #3b5137;
    color: #ffffff00 !important;
}
.inner-contact.contact-form h3 {
    font-size: 60px;
    color: #fde100;
    padding-right: 70px;
}
.form-input textarea {
    height: 180px;
    width: 100%;
}
.inner-contact.contact-form form {
    margin: 30px 0 0;
}
 .form-input input::placeholder, .form-input textarea::placeholder {
font-size: 18px;
color: #8c8c8c;
font-weight: 300;
}
.form-input input, textarea {
    width: 100%;
    padding: 19px 15px;
    border-radius: 18px;
    border: none;
    margin-bottom: 0px;
}
.get-touchtxt {
    color: #fff;
}
.inner-contact.contact-form p {
    font-size: 18px;
    color: #fff;
}
.inner-contact.contact-form {
    padding: 40px 40px;
    background: #0c3204;
    border-radius: 10px;
}
.green-text-contact h5 {
    font-size: 18px;
    color: #20720d;
    font-weight: 500;
}
.transpernt-contact {
    position: relative;
}
.green-text-contact {
    position: absolute;
    top: 40px;
    left: -10px;
}
.map-contact {
    padding-bottom: 80px;
}
.form-item {
    position: relative;
    margin-bottom: 15px
}
.form-item label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 15px;
    left: 10px;
    font-size: 18px;
    background: #fff;
    padding: 0 10px;
    color: #999;
    transition: all .3s ease
}
 .form-item input:focus + label,  .form-item input:valid + label {
 font-size: 14px;
 top: -5px;
 color: #479829;
 border-radius: 15px;
}
.form-item input:focus + label {
    color: #479829;
    border-radius: 15px;
}
 .form-item textarea:focus + label,  .form-item textarea:valid + label {
 font-size: 14px;
 top: -5px;
 color: #479829;
 border-radius: 15px;
}
.form-item textarea:focus + label {
    color: #479829;
    border-radius: 15px;
}

/* / end contact  / */




header.header-section.fixed-nav ul.social-contact {display: none;}
header.header-section.fixed-nav .top-container-menu {padding: 0;}
header.header-section.fixed-nav .top-menu-main {border-radius: 0px;}
.mobile-slider{ display: none}	
 label.wp-block-search__label {font-size: 22px;margin-bottom: 10px;     font-family: 'Coolvetica';}
input#wp-block-search__input-1 {border-radius: 5px;border: solid 1px #ccc;}
.blog-dt-sec1-left .blog-dt-imgage-1 {text-align: center;}
.blog-dt-sec1-left .blog-dt-imgage-1 img{ border-radius: 5px;}

.services-new-bb-box{ max-width: 1200px; margin: auto}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #fff!important;}
.ccs-bt {position: relative;}
span.contact-bt-arow {
    background-color: #3b8927;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    left: 129px;
}

.home-btn-1:hover::after {
    background-color: #fde100;
    color: #fff;
}


 .gallery-sec { padding: 0px 0;}
.gallery-sec .prev,
.gallery-sec .next {position: fixed;top: 0;width: 15%;height: 100%;display: flex;align-items: center;justify-content: center;text-decoration: none;z-index: 999;color: rgba(255,255,255,.5);font-size: 70px;transition: all .2s;}

.gallery-sec .prev:hover,
.gallery-sec .next:hover {color: rgba(255,255,255,.8);}

.gallery-sec .prev {left: -25%;}
.gallery-sec .next {right: -25%;}
.active .prev {left: 0;}
.active .next {right: 0;}
.main-gallery {margin: 10vh auto;max-width: 100%;display: grid;grid-gap: 5px;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));grid-auto-rows: 250px;grid-auto-flow: dense;}
.main-gallery .gallery-boxss {text-align: center; padding: 1rem 0;color: white;font-size: 3rem;text-transform: uppercase;background: rgba(0, 0, 0, .2);overflow: hidden;padding: 0;display: flex;align-items: stretch;justify-content: center;border-radius: 10px;}
.main-gallery .gallery-boxss img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;transition: all .5s;}
.main-gallery .gallery-boxss.show::before {content: '';display: block;position: fixed;z-index: 555;width: 100vw;height: 100vh;top: 0; left: 0;background: rgba(0,0,0,.6);}
.main-gallery .gallery-boxss.show img { position: fixed;top: 0;left: 0;margin: 30px;align-self: center;object-fit: none;z-index: 666;width: calc(100% - 60px); cursor: url(close-button.png), grab;}
.main-gallery .gallery-boxss:not(.show):hover img {cursor: pointer;transform: scale(1.3);}
.horizontal {grid-column: span 2;}
.vertical {grid-row: span 2;}
.big {grid-column: span 2;grid-row: span 2;}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
color: #dc3232!important;
}



.image-address { width: 10%;}
.flex-adress-contact {gap: 0;}
.content-adress {width: 88%;}

.footer-menu p a:hover{ color:#fde100}

.footer-logo{margin-bottom:30px;}
.footer-logo a img {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.8));
}
.gallery-maing-a{    column-width: 296px;
    column-gap: 5px;
    padding: 1px;}

.gallery-item-1{padding-bottom:5px;  }
.gallery-maing-a img{
	  border-radius: 10px;
}



@media (max-width: 1600px) {
body, html {overflow-x: hidden}
.navbar a, .navbar a:focus {font-size: 17px;}
a.logo.d-flex.align-items-center {width: 180px;}
.pagination-number {font-size: 22px;}
.home-banner-title {font-size: 65px;padding-bottom: 16px;}
.home-btn-1 {font-size: 16px;padding: 12px 30px;}
.home-btn-1:after {width: 42px;height: 42px;}
.home-section-1 {padding: 80px 0px 80px 0px;}
.hm-sec1-titleo {font-size: 75px;}
.hm-sec1-title2 {font-size: 60px;padding: 0px 0px;}
.hm-sec1-text p {font-size: 17px;line-height: 28px;}
.hm-sec1-list li {font-size: 17px;}
.hm-sec1-list {padding-bottom: 20px;}
.hm-sec2-titleo {font-size: 75px;}
.hm-sec3-title {font-size: 32px;}
.hm-sec3-text-box-title1 {padding: 230px 20px 20px 20px;}
.hm-sec3-title1 {  font-size: 32px;}
.hm-sec3-text-box-title1 p {font-size: 17px;}
.hm-sec4-bx-heading {font-size: 20px;}
.hm-sec4-box p {font-size: 15px;line-height: 24px;}
.hm-sec4-img:before {height: 480px;}
.hm-sec4-img::after {width: 450px;height: 655px;left: 165px;}
p {line-height: 26px;font-size: 17px;}
.sec-hm-sec5-test-box {padding: 30px 20px 30px 20px;}
.home-section-5 {margin: 70px 0px;}
.hm-sec6-box {padding: 25px 0px;}
.hm-sec6-heading1 {font-size: 36px;}
.gal-titleo {font-size: 75px;}
.gal-btn-1 {font-size: 17px;padding: 10px 46px;}
.gal-btn-1:after {width: 40px;height: 40px;}
.footer-menu p {font-size: 17px;}
.footer-item li {font-size: 17px;padding-bottom: 8px;}
.footer-heading-1 {font-size: 28px;padding-bottom: 10px;}
.footer-btm-left p {font-size: 17px;}
.abt-banner-menu li {font-size: 15px;}
.inner-banner-text-heading {font-size: 60px;}
.blog-dt-section-1 {padding: 70px 0px 30px 0px;}
.blog-dt-sec1-heading {font-size: 26px;padding-bottom: 0px;margin-top: 16px;}
.blog-dt-sec1-text p {font-size: 17px;line-height: 27px;}
.blog-dt-sec1-list li {font-size: 17px;padding-bottom: 2px;}
.news-dp-category li a {font-size: 15px;}
.news-pt-sec-3-heading-2 {font-size: 20px;}
.blog-sec-4 {padding: 20px 0px 0px 0px;}
.blog-sec-3-heading {font-size: 22px;line-height: 30px;}
.blog-sec-3-btn {font-size: 17px;padding: 12px 32px;}
.blog-sec-3-btn:after {width: 40px;height: 40px;}
.news-sec-dp-form i {font-size: 18px;line-height: 36px;}
.gallery-black-heading {padding: 8px 0px;font-size: 40px;}
.gallery-box {padding: 20px 30px 20px 30px;}
.service-sec1-title1 {font-size: 48px;}
.service-sec2-title1 {font-size: 48px;}
.service-sec3-title1 {font-size: 48px;}
button.wp-block-search__button.wp-element-button {
padding: 10px 24px !important;}
.navbar .dropdown ul a {padding: 6px 10px;font-size: 16px;}
.inner-contact.contact-form h3 {font-size: 48px;padding-right: 70px;}
.inner-contact.contact-form {padding: 50px 30px;}
.transpernt-contact h3 {font-size: 48px !important;}
.green-text-contact {top: 18px;}
.form-input input, textarea {padding: 16px 14px;}
.form-input input::placeholder, .form-input textarea::placeholder {font-size: 16px;color: #8c8c8c;font-weight: 300;}
.contact-sec1 {padding: 80px 0;}
.content-adress a {font-size: 20px;}
.green-location-gall {padding: 40px;}
.inner-gallery-location h3 {font-size: 42px;}
.inner-gallery-location p {font-size: 18px;margin-bottom: 0;}
.inner-gallery-location.txt-right::before {height: 105px;top: -39px;}	
span.contact-bt-arow {left: 114px;}	
	
	
}

/* 
.hm-sec4-img::after {
    content: "";
    position: absolute;
    background-image: url(../images/hm-sec3-left-img.webp);
    background-repeat: no-repeat;
    width: 474px;
    height: 694px;
	left: 170px;}
 */

@media (max-width: 1700px) {
.hm-sec4-img::after left: 170px;}
	
@media (max-width: 1440px) {
.hm-sec1-text p {line-height: 30px;}	
	
	
.home-banner-title {
    font-size: 60px;
    padding-bottom: 12px;
}
.hm-sec1-titleo {
    font-size: 70px;
    line-height: 60px;
}
.hm-sec1-title2 {
    font-size: 55px;
}
.hm-sec1-list li {
    font-size: 15px;
}
.home-btn-1:after {
    width: 40px;
    height: 40px;
}
.hm-sec2-titleo {
    font-size: 70px;
    line-height: 60px;
}
.hm-sec3-title {
    font-size: 30px;
}
.hm-sec3-text-box-title1 {
    padding: 160px 20px 20px 20px;
}
.hm-sec4-img::after {
    width: 430px;
    height: 630px;
    left: 110px;
}
.hm-sec4-img:before {
    height: 460px;
}
.home-section-5 {
    margin: 60px 0px;
}
.gal-titleo {
    font-size: 70px;
    line-height: 60px;
}
.gallery-black-heading {
    padding: 10px 0px;
    font-size: 40px;
}
.inner-banner-text-heading {
    font-size: 56px;
}
.blog-sec4-right {
    padding: 20px 15px;
}
.blog-sec-3-text {
    padding: 5px 20px 20px 20px;
}
.blog-sec-3-heading {
    font-size: 20px;
    line-height: 26px;
}
.blog-sec-3-btn {
    font-size: 15px;
    padding: 10px 28px;
}
.blog-sec-3-btn:after {
    width: 36px;
    height: 36px;
}
.gallery-box {
    padding: 12px 30px 12px 30px;
}
.gallery-black-heading {
    padding: 8px 0px;
    font-size: 36px;
}
.blog-dt-section-1 {
    padding: 50px 0px 30px 0px;
}
.hm-sec2-text {
    margin-bottom: 25px;
}
.out-gallery {
    margin: 0px 0px 60px 0px;
}
.footer-section {
    padding: 120px 0px 30px 0px;
}
.gal-box-one {
    padding-bottom: 20px;
}
.sec-hm-sec5-test-box {
    padding: 30px 20px 30px 20px;
}
.hm-sec1-text {
    padding-left: 20px;
}
.hm-sec1-img:before {
    left: 0px;
}
.navbar .dropdown ul a {
    padding: 6px 10px;
    font-size: 15px;
}
.navbar .dropdown ul li {
    min-width: 170px;
}
.service-sec1-title1 {
    font-size: 55px;
}
.service-section-1 {
    padding: 50px 0px 30px 0px;
}
.service-sec2-title1 {
    font-size: 55px;
}
.service-sec3-title1 {
    font-size: 55px;
}
.service-sec3-list li {
    font-size: 17px;
}
.blog-dt-sec1-heading {
    font-size: 24px;
}
.contact-sec1 {
    padding: 70px 0;
}
.inner-contact.contact-form h3 {
    font-size: 55px;
    padding-right: 60px;
}
.inner-contact.contact-form {
    padding: 40px 25px;
}
.inner-contact.contact-form p {
    font-size: 17px;
    color: #fff;
}
.inner-contact.contact-form form {
    margin: 40px 0 0;
}
.form-input textarea {
    height: 150px;
    width: 100%;
}
span.contact-bt-arow { left: 114px;width: 35px;height: 35px;top: 6px;}	
span.contact-bt-arow img{ width: 20px;}	
.content-adress a { font-size: 18px; }
	
	
}





@media (max-width: 1400px) {
.hm-sec4-img:before {
    height: 440px;
}
.hm-sec4-img::after {
    width: 410px;
    height: 595px;
}
.gallery-black-heading {
    padding: 5px 0px;
}
.hm-sec1-text {
    padding-left: 0px;
}
.service-sec1-title1 {
    font-size: 40px;
}
.service-sec2-title1 {
    font-size: 40px;
}
.service-sec3-title1 {
    font-size: 40px;
}
.blog-sec4-box {
    margin-bottom: 25px;
}
.blog-sec-4 {
    padding: 30px 0px 40px 0px;
}
.inner-contact.contact-form h3 {
    font-size: 40px;
    padding-right: 48px;
}
.inner-contact.contact-form p {
    font-size: 16px;
    color: #fff;
}
}








@media (max-width: 1366px) {
.navbar a, .navbar a:focus {
    font-size: 16px;
}
.social-contact li a {
    font-size: 15px;
}
.logo img {
    width: 180px;
}
.pagination-number {
    font-size: 18px;
}
.email-icon {
    width: 65px;
    height: 65px;
}
.hm-sec1-title1 {
    font-size: 15px;
}
.home-banner-title {
    font-size: 50px;
    padding-bottom: 8px;
}
.home-btn-1 {
    font-size: 14px;
    padding: 10px 26px;
}
.home-btn-1:after {
    width: 38px;
    height: 38px;
}
.home-section-1 {
    padding: 60px 0px 60px 0px;
}
.hm-sec1-text {
    padding-left: 0px;
}
.hm-sec1-titleo {
    font-size: 52px;
    line-height: 55px;
}
.hm-sec1-title2 {
    font-size: 45px;
}
.hm-sec1-text p {
    font-size: 16px;
    line-height: 28px;
}
.hm-sec1-list li {
    font-size: 14px;
}
.hm-sec1-img-2 {
    width: 54%;
}
.hm-sec2-titleo {
    font-size: 55px;
    line-height: 55px;
}
.hm-sec3-text-box-title {
    padding: 20px;
}
.hm-sec3-title {
    font-size: 26px;
}
.hm-sec3-title1 {
    font-size: 26px;
}
.hm-sec3-text-box-title1 p {
    font-size: 15px;
}
.service-btn {
    width: 35px;
    height: 35px;
}
.hm-sec3-text-box-title1 {
    padding: 180px 20px 20px 20px;
}
.hm-sec4-bx-heading {
    font-size: 18px;
}
.hm-sec4-box p {
    font-size: 14px;
    line-height: 22px;
}
.hm-sec5-text-box-2 {
    padding-top: 20px;
}
.hm-sec5-text-image {
    padding-bottom: 20px;
}
.hm-sec4-img:before {
    height: 380px;
}
.hm-sec4-img::after {
    width: 365px;
    height: 532px;
}
p {
    line-height: 27px;
    font-size: 16px; font-weight: 400;
}
.home-section-5 {
    margin: 50px 0px;
}
.hm-sec6-heading1 {
    font-size: 28px;
    margin-bottom: 0px;
}
.hm-sec6-heading2 {
    font-size: 16px;
}
.gal-titleo {
    font-size: 55px;
    line-height: 55px;
}
.gallery-black-heading {
    padding: 8px 0px;
    font-size: 34px;
}
.gal-btn-1 {
    font-size: 15px;
    padding: 8px 36px;
}
.gal-btn-1:after {
    width: 36px;
    height: 36px;
}
.footer-heading-1 {
    font-size: 24px;
    padding-bottom: 6px;
}
.footer-menu p {
    font-size: 15px;
}
.footer-item li {
    font-size: 15px;
}
.footer-btm-left p {
    font-size: 15px;
}
.inner-banner-text-heading {
    font-size: 42px;
}
.blog-dt-section-1 {
    padding: 10px 0px 30px 0px;
}
.abt-banner-menu li {
    font-size: 14px;
}
.news-sec-dp-form .form-control {
    font-size: 17px;
    line-height: 30px;
}
.blog-dt-sec1-heading {
    font-size: 22px;
    margin-top: 12px;
}
.blog-dt-sec1-text p {
    font-size: 15px;
    line-height: 24px;
}
.blog-dt-sec1-list li {
    font-size: 15px;
    padding-bottom: 0px;
}
.news-pt-sec-3-heading-2 {
    font-size: 18px;
}
.news-dp-category li a {
    font-size: 13px;
}
.news-sec-dp-form i {
    font-size: 16px;
}
.news-dp-category a i {
    font-size: 14px;
}
.hm-sec1-img:before {
    left: 70px;
}
.gal-box-one {
    padding-bottom: 20px;
}
.hm-sec6-container {
    margin-bottom: 60px;
}
.service-sec3-list li {font-size: 16px;}
.inner-banner-text-heading {font-size: 40px;}
.foter-img {top: -38px;width: 130px;}
.content-adress a {font-size: 20px;}	
span.contact-bt-arow {left: 103px;top: 4px;}	

.image-address { width: 13%;}
.content-adress {width: 86%;}	
.hm-sec3-title1 a {font-size: 25px;}	
.hm-sec3-text-box-title1 p {font-size: 15px;line-height: 22px;}
	
	
	
}







@media (max-width: 1360px) {
.home-banner-title {
    font-size: 46px;
    padding-bottom: 6px;
}
.home-banner-title {
    font-size: 46px;
    padding-bottom: 6px;
}
.hm-sec1-title2 {
    font-size: 40px;
}
.hm-sec1-list li {
    font-size: 14px;
}
.hm-sec2-titleo {
    font-size: 50px;
    line-height: 50px;
}
.hm-sec3-title {
    font-size: 23px;
}
.hm-sec3-title1 {
    font-size: 23px;
}
.hm-sec3-text-box-title1 p {
    font-size: 14px;
}
.hm-sec4-img:before {
    height: 365px;
}
.hm-sec4-img::after {
    width: 350px;
    height: 510px;
}
.blog-dt-sec1-heading {
    font-size: 21px;
}
.blog-dt-sec1-text p {
    font-size: 14px;
}
.blog-dt-sec1-list li { font-size: 14px;}
.service-sec1-title1 {font-size: 45px;}
.service-sec2-title1 {font-size: 45px;}
.service-sec3-title1 {font-size: 45px;}
.thanku-section {padding: 40px 0px 40px 0px;}		
	
	
}










@media (max-width: 1280px) {
.gallery-black-heading {
    font-size: 28px;
}
.gal-box-one {padding-bottom: 15px;}
.service-section-2 { padding: 30px 0px;}
.service-section-3 {padding: 30px 0px;}
.blog-dt-section-1 {padding: 40px 0px 30px 0px;}
.main-address-field {padding: 30px 30px;}		
.thanku-section {padding: 40px 0px 40px 0px;}	
.thanku-text {font-size: 60px;}	
.main-gallery {margin: 50px auto;}	
	
	
}

@media (max-width: 1152px) {
.hm-sec1-img:before {
    width: 190px;
    height: 276px;
    top: 330px;
    left: 70px;
    background-size: 100%;
}
.hm-sec3-text-box-title1 {
    padding: 90px 20px 20px 20px;
}
.hm-sec4-img::after {
    width: 310px;
    height: 450px;
}
.gal-titleo {
    font-size: 45px;
    line-height: 40px;
}
.gallery-black-heading {
    font-size: 24px;
}
.gallery-box-text-title1 {
    top: 20%;
}
.gallery-box {
    padding: 8px 30px 8px 30px;
}
.footer-section {
    padding: 100px 0px 30px 0px;
}
.hm-sec1-list {column-count: 1;}
.hm-sec1-list li {font-size: 15px;}	
.hm-sec6-box {padding: 25px 10px;}	
.content-adress a {font-size: 20px;}	
.content-adress a { font-size: 16px;}
.inner-contact.contact-form h3 {font-size: 36px;padding-right: 0;}	
.form-input input, textarea { border-radius: 10px;}
.hm-sec6-heading1 {font-size: 23px;}	
/* .hm-sec1-title1 {top: 18%;} */
	
	
	
	
	
	
	
	
}









@media (max-width: 1024px) {
.hm-sec3-text-box-title1 {
    padding: 50px 20px 20px 20px;
}
.home-section-1 {
    padding: 60px 0px 30px 0px;
}
.hm-sec1-titleo {
    font-size: 50px;
}
.hm-sec4-img::after {
    left: 60px;
}
.home-section-5 {
    padding: 0px 0px 60px 0px;
}
.gal-titleo {
    font-size: 35px;
    line-height: 25px;
}
.gal-box-one {
    padding-bottom: 10px;
}
.service-sec2-text {
    padding-bottom: 15px;
}
.service-section-3::after {
    width: 400px;
    height: 460px;
}
.service-sec1-text p {
    margin-bottom: 15px;
}
button.wp-block-search__button.wp-element-button {
    padding: 7px 10px !important;
    font-size: 15px;
}
.blog-sec-3-text {
    padding: 5px 15px 20px 15px;
}
.top-container {padding: 0 40px;}
.blog-dt-sec1-text p { font-size: 15px;}
.gallery-black-heading {padding: 13px 0px 8px 0;}	
.top-container-menu {padding: 0 35px;}	
.contact-sec1 {padding: 40px 0;}	
	
	
}





@media (max-width: 991px) {
.container {max-width: 95%;}
.top-menu-main {padding: 6px 20px;}
.service-sec1-title1 {font-size: 40px;}
.service-sec2-title1 {
    font-size: 40px;
}
.service-sec3-title1 {
    font-size: 40px;
}
.hm-sec6-heading2 {
    font-size: 17px;
    margin-bottom: 0px;
}
.footer-item-1 li a {
    width: 35px;
    height: 35px;
}
.inner-banner-text {
    padding: 10px 30px 10px 30px;
}
.footer-heading-1 {
    font-size: 22px;
}
.footer-item-1 li {
    margin-right: 7px;
}
.blog-sec4-box {
    margin-bottom: 20px;
}
.news-dp-category li a {
    font-size: 14px;
}
.gal-titleo {font-size: 43px;line-height: 40px;}
.footer-item li a { word-break: break-word;}
.sec-hm-sec5-test-box { width: 55%;}	
.col-mobile-re {flex-direction: column-reverse;}	
.error-box-title {font-size: 100px;line-height: 65px;}	
.error-title {font-size: 25px; margin-top: 25px;}
	
	
	
}






@media (max-width:912px) {
.hm-sec1-titleo {
    font-size: 45px;
}
.hm-sec1-title2 {
    font-size: 35px;
}
.hm-sec4-img::after {
    width: 300px;
    height: 440px;
    left: 20px;
}
.hm-sec2-titleo {
    font-size: 45px;
    line-height: 45px;
}
.gallery-box {
    padding: 8px 10px 8px 20px;
}
.gallery-box-text-title1 {
    top: 15%;
}
.gallery-black-heading {
    margin-bottom: 0px;
}
.hm-sec3-text-box-title1 {
    padding: 30px 15px 20px 15px;
}
.footer-section {
    padding: 100px 0px 10px 0px;
}
.hm-sec2-container {
    padding-bottom: 15px;
}
.home-banner-title {
    font-size: 40px;
}
.home-banner-text {
    padding: 20px 50px 35px 35px;
}
.top-container {
    padding: 0 30px;
}
.footer-heading-1 {
    font-size: 22px;
}
.footer-item-1 li a {
    width: 30px;
    height: 30px;
}
.footer-item-1 li a img {width: 20px;}
.email-icon {width: 60px;height: 60px;}
.email-icon img {width: 35px;}
.hm-sec6-heading1 {font-size: 23px;}
.home-banner-text-container {left: 5%;}
.blog-dt-sec1-left {padding-right: 5px;}
.footer-bottom {padding: 40px 0px 0px 0px;}
.gal-titleo {font-size: 40px;line-height: 35px;}
.hm-sec3-title1 a {font-size: 24px;}	
.hm-sec3-text-box-title1 p { font-size: 13px;line-height: 21px;}	
.map-contact {padding-bottom: 30px;}	
	
}




@media (max-width:840px) {
.home-banner-text {
    padding: 15px 50px 15px 35px;
}
.home-banner-text-container {
    left: 7%;
}
.home-banner-text {
    padding: 15px 30px 15px 30px;
}
.home-banner-text {
    padding: 15px 30px 15px 30px;
}
.hm-sec3-text-box-title1 {
    padding: 15px 15px 20px 15px;
}
.hm-sec3-text-box-title1 {
    padding: 15px 15px 20px 15px;
}
.hm-sec4-img:before {
    height: 300px;
}
.hm-sec4-img::after {
    width: 250px;
    height: 366px;
    left: 30px;
}
.hm-sec4-box {
    padding: 10px 10px 0px 10px;
}
.sec-hm-sec5-test-box {
    padding: 30px 15px 30px 15px;
}
.hm-sec2-titleo {
    font-size: 40px;
    line-height: 40px;
}
.hm-sec6-heading2 {
    font-size: 14px;
}
.hm-sec1-img:before {
    top: 300px;
    left: 20px;
    background-size: 100%;
}
.gallery-black-heading {
    font-size: 18px;
}
.gallery-box-text-title1 {
    font-size: 16px;
}
.hm-sec1-titleo {
    font-size: 40px;
}
.home-section-1 {
    padding: 40px 0px 30px 0px;
}
.home-banner-title {
    font-size: 35px;
}
.hm-sec6-container {
    margin-bottom: 50px;
}
.hm-sec4-text {
    padding-left: 0px;
}
.home-section-2 {
    padding: 30px 0px 30px 0px;
}
.gal-titleo {
    font-size: 35px;
    line-height: 25px;
}
.gallery-box-text-title1 {
    top: 0%;
}
.service-sec3-title1 {
    font-size: 35px;
}
.service-sec1-title1 {
    font-size: 35px;
}
.service-sec2-title1 {
    font-size: 35px;
}
.service-sec3-list li {font-size: 15px;}
.service-section-1 {padding: 30px 0px 30px 0px;}
.blog-sec-3-heading {font-size: 18px;}
.blog-dt-section-1 {padding: 30px 0px 30px 0px;}	
.main-address-field {padding: 20px 15px;}
.transpernt-contact h3 {font-size: 33px !important;}	
.inner-contact.contact-form h3 {font-size: 27px;padding-right: 0px;  padding-top: 10px;}	
.main-address-field {padding: 30px 30px;}
.thanku-text {font-size: 37px;}	
	
	
}




@media (max-width:768px) {
.hm-sec1-title2 {
    font-size: 30px;
}
.hm-sec3-text-box-title1 {
    padding: 10px 15px 15px 15px;
}
.hm-sec3-title1 {
    font-size: 20px;
    margin-bottom: 0px;
}
.hm-sec3-text-box-title1 p {
    margin-bottom: 5px;
}
.hm-sec4-img::after {
    left: 20px;
}
.hm-sec4-bx-heading {
    font-size: 16px;
}
.footer-heading-1 {
    font-size: 18px;
}
.hm-sec6-box {
    gap: 7px;
}
.hm-sec6-heading1 {
    font-size: 22px;
}
.home-banner-title {
    font-size: 30px;
}
.home-banner-title {
    font-size: 30px;
}
.service-section-3::after {
    width: 250px;
    height: 460px;
    background-size: 100%;
}
.footer-item-1 li a {
    width: 27px;
    height: 27px;
}
.blog-dt-sec1-left ul li {
    font-size: 16px;
}
.inner-banner-text-heading {
    font-size: 35px;
}
}






@media (max-width:767px) {
.top-container {
    padding: 0 0px;
}
.top-menu-main {
    padding: 0px 0px 6px;
}
.display-img {
    display: none;
}
.mobile-img {
    display: block;
}
.home-banner-text-container {
    left: 15%;
    bottom: 15%;
}
.home-banner-title {
    font-size: 38px;
}
.hm-sec1-img-2 {
    width: 100%;
}
.hm-sec1-img:before {
    display: none;
}
.hm-sec1-img-1 {
    display: none;
}
.hm-sec1-img-2 {
    overflow: hidden;
    border-radius: 200px;
    position: relative;
}
.hm-sec3-title1 {
    font-size: 28px;
}
.hm-sec3-text-box-title1 p {
    font-size: 16px;
}
.hm-sec3-text-box-title1 {
    padding: 100px 15px 15px 15px;
}
.hm-sec4-box p {
    font-size: 16px;
    line-height: 24px;
}
.hm-sec4-bx-heading {
    font-size: 22px;
}
.hm-sec4-img::before {
    display: none;
}
.hm-sec4-img::after {
    display: none;
}
.sec-hm-sec5-test-box {
    padding: 30px 15px 30px 15px;
    width: 100%;
    height: 100%;
}
.owl-nav {
    display: flex;
}
.home-section-5 {
    padding: 30px 0px 30px 0px;
}
.hm-sec6-box {
    border-left: 0px solid #a1ad9c;
}
.hm-sec6-heading2 {
    font-size: 20px;
}
.hm-sec6-heading1 {
    font-size: 30px;
}
.hm-sec6-box {
    padding: 20px 0px;
}
.gallery-box {
    padding: 20px 10px 20px 20px;
}
.gallery-black-heading {
    font-size: 24px;
}
.gal-titleo {
    font-size: 40px;
    line-height: 40px;
}
.gallery-box-text-title1 {
    top: 20%;
}
.footer-heading-1 {
    font-size: 24px;
}
.footer-item li a {
    font-size: 16px;
}
.footer-item-1 li a img {
    width: 30px;
}
.footer-item-1 li {
    margin-right: 8px;
}
.footer-item-1 li a {
    width: 50px;
    height: 50px;
}
.footer-item li {
    font-size: 16px;
}
.hm-sec1-list li {
    font-size: 16px;
}
.hm-sec1-text p {
    font-size: 16px;
    line-height: 28px;
}
.hm-sec3-title {
    font-size: 30px;
}
.hm-sec4-box {
    padding: 15px 10px 5px 10px;
}
.top-menu-main {
    padding: 8px 0px 8px;
}
.home-section-5 {
    margin: 0px 0px;
}
.hm-sec6-container {
    margin-bottom: 30px;
    margin-top: 30px;
}
.footer-btm-left {
    text-align: left;
}
.footer-menu {
    padding-top: 15px;
}
.footer-menu p {
    font-size: 16px;
}
.footer-heading-1 {
    padding-bottom: 0px;
}
.footer-btm-left p {
    font-size: 16px;
}
p {
    line-height: 28px;
    font-size: 16px; font-weight: 400;
}
.container {
    max-width: 100%;
}
.service-sec2-title1 {
    font-size: 30px;
}
.service-sec3-title1 {
    font-size: 30px;
}
.service-sec1-title1 {
    font-size: 30px;
}
.inner-banner-text-heading {
    font-size: 30px;
}
.service-sec3-list li {
    font-size: 16px;
}
.blog-sec-3-heading {
    font-size: 22px;
}
button.wp-block-search__button.wp-element-button {
    padding: 8px 20px !important;
    font-size: 16px;
}
.news-dp-category li a {
    font-size: 16px;
}
.blog-dt-sec1-text p {
    font-size: 16px;
}
.blog-dt-sec1-heading {
    font-size: 22px;
}
.news-dp-category li a {
    font-size: 16px;
}
.top-nav-bar {
    position: relative;
}
header.header-section.fixed-nav {
    position: fixed;
}
.social-contact {
    padding: 12px 15px;
}
.logo img {
    margin-left: 15px;
}
.mobile-nav-show {margin-right: 10px;margin-top: 10px;}
.home-section-2 {padding: 30px 15px 30px 15px;}
.home-section-4 {padding: 30px 15px;}
.home-section-5 {padding: 15px 15px;}
.hm-sec6-container {margin-left: 15px;margin-right: 15px;}
.out-gallery {padding: 0px 15px;}
.footer-sec-1 {padding: 0px 15px;}
.out-gallery {margin: 0px 0px 40px 0px;}
	
.top-container-menu {padding: 0 0px;}	
.home-banner-title {font-size: 26px;}	
.hm-sec1-img-2 {margin-top: 0;}	

.hm-sec1-text p { font-weight: 400;	}	
ul.social-contact li img {filter: brightness(0.1);}	
.social-contact li a { color: #000000;}	
.dextop-slider{ display: none}	
.mobile-slider{ display: block}		
.home-banner-text-container {left: 5%;right: 5%;}	
.hm-sec6-box { padding: 10px 0px;}	
.hm-sec6-container {padding: 13px 20px;}
.hm-sec1-img-2 {margin-bottom: 20px;}	
.home-section-5 {padding: 0px 15px 40px 15px;}	
.mobile-bottom{ padding-bottom: 10px;}	
.hm-sec6-container {margin-left: 0px;margin-right: 0;}	
.out-gallery {padding: 0px 0px;}
 .footer-item-1 li a img {width: 22px;}   	
.footer-item-1 li a {width: 40px;height: 40px;}	
.abt-banner-menu {padding: 10px 15px;}	
.inner-banner-text-heading {font-size: 23px;}	
.inner-banner-text-container {padding-left: 10px;}	
.service-sec1-text p {margin-bottom: 15px; }	
.service-sec2-text {text-align: left;}	
.mm-mobile-bottom {margin-bottom: 20px;}	
.service-section-3 {padding: 30px 0px 0;}	
.service-sec3-text {margin-top: 20px;}	
	
.content-adress a {font-size: 15px;}	
.inner-contact.contact-form { padding: 26px 18px;}	
.map-contact {padding-bottom: 0;}	
.thanku-text {font-size: 37px;}
.message {padding: 23px 20px;}
	
.error-box {
    padding: 30px;
 aspect-ratio: 1.8;
    --g: radial-gradient(50% 50%, #000 100%, #fde100) no-repeat;
    mask: var(--g) 100% 100% / 100% 100%, var(--g) 100% 0 / 100% 100%, var(--g) 0 100% / 36% 64%, var(--g) 100% 100% / 100% 99%, linear-gradient(#fff6b5 0 0) bottom / 66% 60% no-repeat;
    background-color: #fde1004a;
}	
.error-box-title {font-size: 46px;line-height: 50px;}
.error-title {font-size: 22px;margin-top: 12px;}	
.error-box p {font-size: 20px;padding: 10px 0px;}	
.error-btn {font-size: 16px;padding: 14px 36px;margin-bottom: 0;}	
.message p {font-size: 19px; padding: 10px 0px 0px 0px;}	
.inner-contact.contact-form form {margin: 21px 0 0;}
.flex-adress-contact { gap: 13px;}	
.image-address {width: 15%;}	
.main-address-field {padding: 20px;}	
.hm-sec6-box {justify-content: left;}		
.social-contact {justify-content: center;}	
 span.contact-bt-arow {left: 98px;}	
.footer-item li {font-size: 15px;}
 .footer-item li a {font-size: 15px;}	
.content-adress a {font-size: 15px;word-break: break-all;}	
.main-address-field {padding: 15px;}	
.footer-btm-left p {font-size: 15px;}
.footer-menu p {font-size: 15px;margin-bottom: 4px;}	
.gallery-sec .prev, .gallery-sec .next {font-size: 50px;}
	
	
}

@media (max-width: 430px) {
    .gallery-sec .prev, .gallery-sec .next {
        font-size: 38px;
    }
}