@charset "UTF-8";

/*
Theme Name: Clarkga
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.

*/



*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative; font-family: Georgia; margin: 0; padding: 0;font-weight: normal; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{margin:0;padding:0;color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;text-decoration: none;outline:none;}

html{scroll-behavior: smooth;}
.all-scroll{scroll-margin-top:70px;}

.ser-scroll-top{scroll-margin-top:90px;}

.clear{float: left;width: 100%;clear: both;}
@font-face { font-family: "Be Vietnam"; src: url("./fonts/font-400.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Be Vietnam"; src: url("./fonts/font-1.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap;  }
@font-face { font-family: "Be Vietnam"; src: url("./fonts/font-700.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap;  }
@font-face { font-family: "Be Vietnam"; src: url("./fonts/font-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Be Vietnam"; src: url("./fonts/font-500.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }

.container{width: 1200px;margin: 0 auto;}
.header_block{padding: 15px 30px; position: fixed;width: 100%;left: 0;    z-index: 999;transition: all 0.4s ease-in-out 0s;}
.header_block.fixed{background: rgba(255, 255, 255, 0.9);box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;padding: 6px 30px;transition: all 0.4s ease-in-out 0s;}

.head_logo{display: block;}
.head_logo img{border-radius: 50%;    width: 184px;}
.header_flex {flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;align-items: center;}
.top-menus ul li.Get-intouch{display: none;}
.top-menus ul li{margin-right: 40px;position: relative;}
.top-menus ul li a{font-family: Georgia;font-size: 16px;line-height: 20px;color: #7e9283 ;font-weight: 700;transition: all 0.4s ease-in-out 0s;position: relative;}

.top-menus ul li a:before{width: 0;height: 2px;background: #fff;content: '';left: 0;bottom: -2px;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out 0s;position: absolute;}
.top-menus ul li a:hover:before{width: 100%;visibility: visible;opacity: 1;transition: all 0.4s ease-in-out 0s;}
.top-menus ul li.current-menu-item > a{color: #fff;padding-bottom: 2px;position: relative;}
.top-menus ul li.current-menu-item > a:before{width: 100%;visibility: visible;opacity: 1;transition: all 0.4s ease-in-out 0s;}
.top-menus ul li ul li:hover a:before{display:none;}
.top-menus ul li ul li.current_page_item a, .top-menus ul li ul li a:hover {color: #d77967 !important;}
.top-menus ul{display: flex;justify-content: space-between;list-style: none;}
.header_block.fixed .top-menus ul li a:hover:before{background: #7e9283 ;}


.head-right a.all-butt{margin: 0 auto;float: right;    width: 306px; background-color: rgba(0,0,0,.25);border: 0;}
.head-right a.all-butt:hover{border: 0;background: #fff;color: #253f17;}
.header_block.fixed .head-right a.all-butt{background-color: #7e9283;}
.header_block.fixed .head-right a.all-butt:hover{color: #fff;opacity: 0.8;}
.banner_block{padding: 390px 0;position: relative;}



.top-menus ul li.menu-item-has-children > a::after {display: inline-block;font: normal normal normal 14px / 1 FontAwesome;font-size: inherit;text-rendering: auto;    position: relative;
    right: -10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f107";     transform: rotate(0);transition: all 0.4s ease-in-out 0s;}
.top-menus ul li:hover >  a::after  {
        transform: rotate(180deg);transition: all 0.4s ease-in-out 0s;
} 
 .top-menus ul li ul li{margin-right: 0;}
 .top-menus ul li ul li a{font-size: 13px;font-weight: 400;font-family: "Be Vietnam";color: #000!important ;border:0 !important;padding: 10px !important;display: block;    border-bottom: 1px solid #d9d6d6  !important;}
  .top-menus ul li ul li:last-child a{border: 0 !important;}
  .top-menus ul li ul {width: 255px;background: #fff;padding:  0 0 8px;position: absolute;top: 10px;left: 0;display: block;visibility: hidden;opacity: 0;transition: all 0.4s ease-in-out 0s;box-shadow: 0 0 3px #d3d3d3;}   
 .top-menus ul li:hover ul{visibility: visible;opacity: 1;top: 22px;transition: all 0.4s ease-in-out 0s}
.sub-menu-toggle{display: none !important}
 .top-menus ul li ul li.current_page_item a{color: #d77967 !important; }
 .top-menus ul li.menu-gallery  ul {width: 180px;}

.header_block.fixed .top-menus ul li > a {color: #7e9283 ;border-color:#7e9283 ;}

.bg-texture {background-color: rgba(37, 63, 23, .9);background-repeat: no-repeat ;background-image: url(./images/bg-texture.png);background-size: cover;    position: absolute;
    top: 0; background-position: 50% 50% !important;left: 0;height: 100%; width: 100%;}

 .bg-back-img{position: absolute;background: #fff url(./images/bg.svg) center -62px;background-size: cover;bottom: -100px;left: 0;height: 280px;width: 100%;}   

  .bg-back-img-1{    position: absolute;background-repeat: no-repeat !important;height: 110px;
    background-image: url(./images/painting_border_hero_image2.svg) !important;background-position: center top;
    background-size: cover !important;bottom: 156px;left: 0;width: 100%;} 

    .banner-title_sec{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;    padding-top: 180px;}
    .banner-title_sec h1{font-size: 60px;line-height: 70px;color: #fff;font-family: Georgia;font-weight: 600;margin-bottom: 140px;padding-top: 50px;}
    .banner_left{width: 600px;float: left;}
    .banner_right{width: 600px;float: right;height: 623px;}
    .banner-title_sec p{font-size: 18px;font-weight: 300;color: #838383;font-family: "Be Vietnam";padding-right: 100px;}
   a.all-butt{display: block ;  font-family: "Be Vietnam";  background-color: #7e9283 ;    color: #f7f7f7;text-align: center ;width: 218px ;padding: 16px 0;font-size: 18px;font-weight: 700;transition: color .2s ease;    vertical-align: middle;border-radius: 5px;
    height: 62px;font-weight: 700;border: 1px solid #7e9283;max-width: 263px;margin: 21px 0 0;}

a.all-butt:hover{border: 1px solid #414345;}
.services-hm_flex{flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;}

.ser-img-hm{display: flex;flex-direction: column;width: 100%;padding-top: 100%;}
.services-hm_box{width: 240px;padding: 10px;text-align: center;margin-bottom: 25px;position: relative;    padding-bottom: 58px;}   
.ser-img-ti{font-size: 24px;line-height: 30px;color: #253f17;font-weight: 700;} 
.services-hm_box p{font-size: 18px;font-weight: 300;color: #838383;font-family: "Be Vietnam";}
.ser-sep{padding: 15px ; display: block;}
.heading-title span{font-size: 18px;font-weight: 600;color: #a9a9a9;font-family: "Be Vietnam";margin-bottom: 10px;display: block;}
h2{font-size: 50px;line-height: 60px;color: #253f17;font-family: Georgia;font-weight: 700;}
 .heading-title{text-align: center;margin: 120px 0 20px 0;}  
 .services-hm_box a.all-butt{width: 186px;height: 55px;padding: 0;margin-top: 12px;display: inline-block;position: absolute;bottom: 0;left: 50%; margin-left: -93px; transition: color .2s ease;line-height: 52px;}
.services-hm_box a.all-butt:hover{    background-color: #253f17;border-color: #414345;    transition: color .2s ease;}  


.hm_parrallax{margin: 100px 0 70px;position: relative;padding: 125px 0;}
.ng-build_flex{flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;text-align: center;}
.ng-build_box{width: 228px;}
.ng-build_box img{width: 55px;}
 .ng-build-title{font-size: 24px;border-bottom:  10px solid #7e9283;margin-bottom: 25px;line-height: 30px;color: #253f17;font-weight: 700;}
  .ng-build-content p{font-size: 18px;font-weight: 300;color: #838383;font-family: "Be Vietnam";}
  .ng-build-content{padding: 10px 0;}  
  .ng-but{text-align: center;margin: 70px 0;}
 .ng-build a.all-butt{width: 300px;height: 60px;padding: 0;margin-top: 12px;display: inline-block;transition: color .2s ease;line-height: 57px;}
.ng-build a.all-butt:hover{background-color: #253f17;border-color: #414345;    transition: color .2s ease;}
.our_latest-flex{display: flex;position: relative;flex-wrap: wrap;overflow: hidden;}
 .our_latest-flex .First-img {width: 40%;overflow: hidden;}   
.our_latest-flex .First-img a{    display: flex;padding-top: calc(125% + 0px);transition: all 0.4s ease-in-out 0s;flex-direction: column;background-size: cover;}
.our_latest-flex .Second-img{width: 50%;overflow: hidden;}
.our_latest-flex .Second-img a{    display: flex;    padding-top: 83.3333%;transition: all 0.4s ease-in-out 0s;flex-direction: column;background-size: cover;}
.our_latest-flex .Fourth-img{width: 100%;overflow: hidden;}
.our_latest-flex .Fourth-img a{    display: flex;   padding-top: 41.7%;transition: all 0.4s ease-in-out 0s;flex-direction: column;background-size: cover;} 
 .our_latest-group{display: flex;position: relative;flex-wrap: wrap;    width: 60%;transition: all 0.4s ease-in-out 0s;overflow: hidden;}
 .our_latest-boxes:hover a{transform: scale(1.1);transition: all 0.4s ease-in-out 0s;}  
 .our_latest-block h2{margin-bottom: 60px;}
 .get_flex{flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;text-align: center;}  
 .get_box{width: 580px;    background-color: rgba(0, 0, 0, .03);padding: 40px 15px ;border-radius: 5px;}   
  .get_box .ng-build-title{border: 0;font-size: 28px;margin-bottom: 0;margin-top: 10px;} 
  .get_box  .ng-build-content p{line-height: 38px;}
  .get_box  .ng-build-content p a{color: #838383;}  
 .get_box .ng-but{margin: 0;}
 .get_box .ng-but a{display: inline-block;margin-top: 10px;}
 .get_in-touch h2{margin-bottom: 60px;}
 .get_in-touch .ng-but-second{margin-top: 40px;} 
.get_in-touch .ng-but-second a{display: inline-block;margin-top: 0;}
.get_in-touch .ng-but a:hover{background-color: #253f17;border-color: #414345;    transition: color .2s ease;}
.footer_block{background-color: #365623;padding: 50px 0;}
.footer_block h3{font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 14px;}
.footer-logo-flex{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.foot-services-menu ul li{list-style: none;margin-bottom: 15px;}
.foot-services-menu ul li a{font-size: 16px;color: #fff;font-family: "Be Vietnam";font-weight: 400;}

.footer-con-box a:hover{text-decoration: underline;opacity: 0.9;}
.copy-right_block .copy-left a:hover{text-decoration: underline;opacity: 0.9;}
.footer-con-box1 a:hover{background: #417720;}


.foot-services-contact a{font-size: 16px;color: #fff;font-family: "Be Vietnam";font-weight: 500;}
.foot-services-contact a{margin-bottom: 15px;display: inline-block;}
.footer-logo img{border-radius: 50%;}
.copy-right_block{border-top: 1px solid #fff;padding-top: 25px;margin-top: 40px;}
.copy-right_block{font-size: 13px;color: #fff;font-family: "Be Vietnam";font-weight: 300;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;align-items: center;}
.copy-right_block .copy-left .left{font-size: 13px;color: #fff;font-family: "Be Vietnam";font-weight: 400;float: left;}
.copy-right_block .copy-left a{font-size: 13px;color: #fff;font-weight: 400;font-family: Georgia;margin-left: 50px;}
.copy-right{float: right;}
.copy-right_block .right{float: left;color:#fff;}
.copy-right_block .right span{cursor:pointer;}
.copy-right_block .right span:hover{text-decoration:underline;}
.copy-right a{font-size: 19px;color: #fff;float: left;border: 1px solid #fff;height: 33px;width: 33px;text-align: center;margin-right: 20px;border-radius: 50px;}
.footer-con-box1{float: left;}
.footer-left-flex{flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;text-align: center;align-items: center;position: relative;z-index: 99;}
.footer-left{font-size: 30px;font-weight: 700;color: #fff;}
.footer-middle a{font-size: 24px;font-weight: 700;color: #fff;}
.footer-right a{font-size: 20px;font-weight: 700;color: #fff;}
.estimate_block{position: relative;padding: 116px 0 50px;}
.foot-bg {background-color: rgba(37, 63, 23, .9);position: absolute;top: 0;background-position: 50% 50% !important;left: 0;height: 100%;width: 100%;}
.foot-bg-1 {position: absolute;background-repeat: no-repeat;height: 132px;background:  url(./images/painting_border_white_reverse.svg);background-position: center top;
    background-size: cover;top: -57px;left: 0;width: 100%;z-index: 9;}
.inner_block {padding: 200px 0; position: relative;}
.banner-title_sec-inner {position: absolute;left: 0;top: 0;justify-content: center;width: 100%;height: 100%;display: flex; align-items: center;}
.inner_block  .bg-back-img-1{bottom: 0;}
.banner-title_sec-inner h1{font-size: 50px;line-height: 65px;font-weight: 700;color: #fff;}
.category_banner{padding: 0 20px 60px;padding-bottom:35px;    border-bottom: 1px solid #ccc;    margin-bottom: 58px;}
.category-boxes{width: 25%;padding: 10px;}
.category-boxes-flex{flex-wrap: wrap;display: flex;width: 100%;}
.category-boxes a{padding-top: 360px;display: flex;flex-direction: column;    box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 ;position: relative;overflow: hidden;}
.category-boxes a:after {content: '';position: absolute;top: 0; left: 0; width: 200%; height: 200%; opacity: 0; transition-property: transform; transition-duration: .4s;
    transition-timing-function: ease; transform: translate(-50%, -50%); background: rgba(255, 255, 255, .13);background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .13) 48%, rgba(255, 255, 255, .5) 57%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0) 100%);
}
.category-boxes a:hover:after {opacity: 1; transform: translate(0);}
.gallery-boxes a .main-gallery{padding-top: 360px;display: flex;flex-direction: column;    position: relative;overflow: hidden;}
.gallery-boxes a .main-gallery:after {content: '';position: absolute;top: 0;left: 0;width: 200%;height: 200%;opacity: 0;transition-property: transform;transition-duration: .4s;
    transition-timing-function: ease;transform: translate(-50%, -50%);background: rgba(255, 255, 255, .13);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .13) 48%, rgba(255, 255, 255, .5) 57%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0) 100%);}
.gallery-boxes a .main-gallery:hover:after {opacity: 1; transform: translate(0);}
.gallery-boxes {width: 25%;padding: 10px;}
.gallery-boxes-inner{box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 ;padding-bottom: 30px;}
.gallery_banner{padding: 0 30px 100px;}
.gallery_banner h2{font-size: 25px;text-align: center;position: 0 20px;}
.gallery-boxes-inner a.all-butt{margin:  0 auto;}
.gallery-boxes-inner a.all-butt:hover{background-color: #253f17;border-color: #414345;    transition: color .2s ease;}
.banner-title_sec-1{text-align: center;}
.banner-title_sec-1 p{font-size: 18px;color: #fff;font-family: "Be Vietnam";font-weight: 300;width: 676px;margin:  0 auto;}
.inner_block-about{padding: 300px 0 350px;}
.inner_block-about h1{margin-bottom: 10px;}
.about_page-second{padding: 70px 0;}
.about_page-left{width: 41.66667%;}
.about_page-flex{display: flex;flex-wrap: wrap;}
.about_page-right{    width: 58.33333%;padding: 50px 244px 50px 50px;}
.about_page-right h2{margin-bottom: 24px;}
.about_page-right p{font-size: 18px;color: #838383;font-family: "Be Vietnam";font-weight: 300;line-height: 27px;margin-bottom: 27px;}
.progressive_block{padding: 40px 0 70px;}
.progressive_block span {margin-bottom: 14px; font-size: 30px;display: inline-block;line-height: 40px;color: #253f17;font-family: Georgia;font-weight: 700;}
.progressive_block p{font-size: 18px;color: #838383;font-family: "Be Vietnam";font-weight: 300;line-height: 27px;margin-bottom: 27px;}
.about_service-block{text-align: center;padding: 70px 0;}
.about_service-flex {flex-wrap: wrap;display: flex;width: 100%;justify-content: center;margin-top: 50px;padding-bottom:20px;    border-bottom: 1px solid #ccc;}
.about_service-flex span.main-ser-img{display: flex;flex-direction: column;padding-top: 480px; transition: all 0.4s ease-in-out 0s;}
.main-ser-img-outer{min-height: 480px;overflow: hidden;position: relative;display: block;}
.about_service-box{overflow: hidden;width: 50%;}
.about_service-flex .about_service-box:last-child span.main-ser-img{background-position: center !important;}
.about_service-flex .about_service-box span.main-ser-title {margin-top: 14px; font-size: 30px;display: inline-block;line-height: 40px;color: #253f17;font-family: Georgia;font-weight: 700;transition: all 0.4s ease-in-out 0s;}
.about_service-box:hover span.main-ser-img{transform: scale(1.1);transition: all 0.4s ease-in-out 0s;}
.different-services_flex{display: flex;padding: 70px 0;}
.different-services-left{position: relative;padding: 100px 0;width: 58%;}
.different-services-right{width: 42%;padding: 130px 0;}
.different-services-right-inner{padding: 90px 50px 100px;background-color: rgba(131, 131, 131, 1);width: 787px;left: -200px;position: relative;z-index: 99;background-repeat: no-repeat;
    background-image: url(./images/bg-texture.png); background-size: cover;}
.different-services-right-inner h2{font-size: 30px;color: #fff;line-height: 40px;margin-bottom: 6px;}
.different-services-right-inner  p {font-size: 18px;color: #fff;font-family: "Be Vietnam";font-weight: 300;line-height: 27px;margin-bottom: 27px;}

.different-services_block a.all-butt{box-shadow: rgba(0, 0, 0, 0.1) 0 3px 11px 0; background-color: rgba(255, 255, 255, 0.3);color: rgba(247, 247, 247);border: 0;}
.different-services_block a.all-butt:hover{background-color: rgba(255, 255, 255, 0.1);}
.different-services_flex:nth-child(2n + 2){flex-direction: row-reverse;}
.different-services_flex:nth-child(2n + 2) .different-services-right-inner{position: relative; left: 280px;float: right;}
.different-services_flex:nth-child(2n + 2) .different-services-right-inner{background-color: rgba(126, 146, 131, 1);}
.how-eork_block {margin-top: 40px;}
.how-eork_block h2{text-align: center;margin-bottom: 50px;}
.how-eork-flex{flex-wrap: wrap;display: flex;width: 100%;justify-content: space-between;}
.how-eork-left{width: 50%;position: relative;}
.how-eork-left span{font-size: 24px;line-height: 27px;color: #253f17;font-weight: 700;border-bottom-style: solid;min-width: 346px; border-bottom-width: 10px ;display: inline-block;margin-bottom: 22px;
    border-bottom-color: rgba(60, 82, 46, 0.25);} 
 .how-eork-left span:last-child{margin-bottom: 0;}   
.how-eork-right{width: 39%;}
.how-eork-right {font-size: 18px;color: #838383;font-family: "Be Vietnam";font-weight: 300;line-height: 27px;margin-bottom: 27px;}
.how-eork-outer{position: relative;}
.divider{width: 2px;height: 95%;background: #7f9384;left: 50%;position: absolute;margin-left: -1px;}
.how-eork-left:after{position: absolute;content: '';width: 14px;height: 14px;background: #7f9384;border-radius: 50px;right: 0;margin-right: -7px;top:12px;}
.about_service-bar{padding-top: 100px;}
.about_service-bar .about_service-box{width: 100%;}
.about_service-bar .about_service-box .main-ser-title{margin-top: 15px;}
.all-butt.all-butt-ser-car{width: 364px;height: 65px;margin: 30px auto 0;max-width: 364px;}
.serpageinner_block{padding-bottom: 275px;}
.all-butt.all-butt-ser-car:hover{background-color: #253f17;border-color: #414345;    transition: color .2s ease;}


.civi-class .different-services_flex:nth-child(2n + 2){flex-direction: inherit;}
.civi-class .different-services_flex:nth-child(2n + 2) .different-services-right-inner{position: relative; left: -280px;float: left;background-color: rgba(131, 131, 131, 1);}


.civi-class .different-services_flex:nth-child(odd){flex-direction: row-reverse;}
.civi-class  .different-services_flex:nth-child(odd) .different-services-right-inner{position: relative; left: 280px;float: right;}
.civi-class  .different-services_flex:nth-child(odd) .different-services-right-inner{background-color: rgba(126, 146, 131, 1);}
.conpact-page_block .left{float: left;width: 50%;}
.all-iden{float: left;width: 100%;clear: both;}
.all-iden a{display:flex;position: relative;align-items: center;color: #253f17e6;}

.all-iden{display:flex;position: relative;align-items: center;}
.all-iden img{width: 50px;
    position: relative;
    top: -19px;}

.all-iden  span{padding-left: 50px;font-size: 18px;color: #253f17e6;font-family: "Be Vietnam";font-weight: 700;line-height: 27px;margin-bottom: 50px;}
.conpact-page-flex{display: flex;flex-wrap: wrap;width: 100%;align-items: center;}
.conpact-page-flex .left{width: 50%;}
.conpact-page-flex .right{width: 50%;padding-left: 100px;border-left: 2px solid #253f17;padding-right: 58px;}
.conpact-page-flex .right h2{font-size: 30px;line-height: 40px;font-weight: 700;margin-bottom: 40px;}
.conpact-page_block{padding-bottom: 60px;padding-top: 60px;}
.conpact-page-flex .right .conform-cl label{font-size: 13px;color: #2c4251;font-family: "Be Vietnam";font-weight: 400;line-height: 27px;margin-bottom: 37px;}
.conpact-page-flex .right .conform-cl input{width: 100%;border: 0;border-bottom: 1px solid #d5d5d5;height: 30px;font-size: 16px;color: #2c4251;font-family: "Be Vietnam";font-weight: 400;line-height: 27px;}
.conpact-page-flex .right .conform-cl select{background: #fff;width: 100%;border: 0;border-bottom: 1px solid #d5d5d5;height: 30px;font-size: 16px;color: #2c4251;font-family: "Be Vietnam";font-weight: 400;line-height: 27px;}
.conform-cl{margin-bottom: 20px;}
.conpact-page-flex .right .conform-cl textarea{width: 100%;border: 0;border-bottom: 1px solid #d5d5d5;height: 50px;font-size: 16px;color: #2c4251;font-family: "Be Vietnam";font-weight: 400;line-height: 27px;}
.conform-cl-button{text-align: center;}
.conform-cl-button input {display: block;cursor: pointer;font-family: "Be Vietnam";background-color: #3a522e;color: #f7f7f7;text-align: center;width: 218px;padding: 16px 0;font-size: 18px;
    font-weight: 700;transition: color .2s ease;vertical-align: middle;border-radius: 5px;height: 62px;font-weight: 700;border: 1px solid #3a522e;max-width: 263px;margin: 0 auto;}
.conform-cl-button input:hover{ color: #3a522e;background: #fff;}
.area_block{padding: 0 0 40px;}
.area_block{text-align: center;}

.wpcf7 form .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{clear: both;}
.areaiframe iframe{height: 440px;width: 100%;margin-top: 25px;float: left;clear: both;}

.not-found_page{text-align: center;}
.not-found_page a{margin: 0 auto;}
.defa-page_block{padding-bottom: 50px;}

.aioseo-html-page-sitemap h4{margin-bottom: 14px;font-size: 30px;display: inline-block;line-height: 40px;color: #253f17;font-family: Georgia; font-weight: 700;}
.defa-page_block h2{margin-bottom: 14px;font-size: 30px;line-height: 40px;color: #253f17;font-family: Georgia;font-weight: 700;}    

.aioseo-html-page-sitemap a {font-size: 18px;color: #000;font-weight: 700;height: 55px;padding: 0;margin-top: 12px;display: inline-block; transition: color .2s ease;
    line-height: 52px;font-family: "Be Vietnam";text-align: center;}

.aioseo-html-page-sitemap a:hover{text-decoration: underline;}

.aioseo-html-page-sitemap  li{margin-right: 60px;}
.aioseo-html-page-sitemap ul{margin-left: 20px;display: flex;    flex-wrap: wrap;}

.mobmenu-content li.get-in-touch-heading{display: none;padding-top: 60% !important;}


.mobmenu-content li.Get-intouch a{display: block;line-height: 38px !important;font-family: "Be Vietnam" !important;background-color: #7e9283 ;color: #f7f7f7 !important;;
  text-align: center;width: 218px;padding: 16px 0;font-size: 18px;font-weight: 700;transition: color .2s ease;vertical-align: middle;border-radius: 5px;height: 62px;
  font-weight: 700;border: 1px solid #7e9283;max-width: 263px;margin: 21px 0 0;} 

 .mobmenu-content{background: #253f17;} 
#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {color: #fff !important;}
.mobmenu-content{margin-top: 0 !important;}
.mobmenu-right-panel .mob-cancel-button {color: #fff !important;} 
.mobmenu-content{padding-top: 44px !important;height: 100%!important;} 
.mobmenu-content #mobmenuright li:hover {background-color: inherit !important;}
 .mobmenu-content #mobmenuright .sub-menu {background-color: #1f4609 !important;}
 .mobmenu-content #mobmenuright > li > a:hover {background-color: #153802 !important;}

.headermobile-number{display: none;}
.mobmenu-content .headermobile-number a{font-family: "Be Vietnam" !important; }
.mobmenu-right-panel li, .rightmbottom, .rightmtop {padding-left: 5% !important;padding-right: 5% !important;} 
.mob-expand-submenu i {font-size: 20px !important;} 
.mob-expand-submenu {position: relative !important;right: 0px !important;float: none !important;display: inline-block !important;top: 4px !important;left: 4px !important;}           
.mobmenu-content li a{padding: 10px 10px !important;}
.menu-top-menu-container{height: 100vh;}
#mobmenuright{height: 100vh;}
.top-menus ul li.get-in-touch-heading{display: none;}
.ng-build .heading-title{margin-top: 20px;}
.our_latest-block .heading-title{margin-top: 20px;}


.foot-services-menu ul li a{position: relative;}
.foot-services-menu ul li a:before {
    content: attr(data-link-text);
    white-space: nowrap;
    position: absolute;
    transition: width .3s ease-in-out;
    overflow: hidden;
    background-color: transparent;
    width: 0;
    height: 0;
    transform-origin: left;
    left: 0;
    opacity: 0;
 
}

.foot-services-menu ul li a:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.google-review_block{padding-bottom:0;padding-top:90px;}
.get_in-touch .heading-title{margin-top:90px;}
.google-review_block .heading-title{margin-top:0;margin-bottom:70px;} 
.google-review_block-1 {padding-top:0;}

.page-id-496 .defa-page_block{padding-bottom:70px;}
.page-id-496 .defa-page_block  h2{font-size:24px;line-height:28px;margin-bottom: 30px;}
.page-id-496 .defa-page_block h3{font-family: Georgia;font-size:16px;line-height:22px;font-weight:700;color:#253f17;margin-bottom:18px;}
.page-id-496 .defa-page_block p, .page-id-496 .defa-page_block p a{font-size:15px;line-height:22px;color:#595959;font-family: "Be Vietnam";margin-bottom:24px;font-weight:300;}
.page-id-496 .defa-page_block p a{text-decoration:underline;}
.page-id-496 .defa-page_block p a:hover{color:#000;}
.page-id-496 .defa-page_block ul li, .page-id-496 .defa-page_block ol li{font-size:15px;line-height:22px;color:#595959;font-family: "Be Vietnam";margin-bottom:12px;font-weight:300;}
.page-id-496 .defa-page_block ul, .page-id-496 .defa-page_block ol{margin-left:20px;margin-bottom:25px;}
.page-id-496 .defa-page_block p b{font-weight:700;}

.page-id-527 .defa-page_block p{color:#838383;font-family: "Be Vietnam";margin-bottom:12px;font-weight:300;font-size:18px;line-height:28px;}
.page-id-527 .defa-page_block p a:hover{text-decoration:underline;}
@media (max-width: 1366px){
   .container{ width:100%;padding: 0 30px;}
   .banner_left{width: 40%;}
   .services-hm_box{width: 25%;}
   .services-hm_flex{justify-content: start;}
	.about_page-right{padding-right:40px;}
}

@media (max-width: 1279px){
.different-services-right-inner{width: 100%;}
.different-services-right{width: 48%;}
.different-services-right-inner{left: -100px;}
.different-services_flex:nth-child(2n+2) .different-services-right-inner{left: 100px;}
}

@media (max-width: 1199px){
.banner_right{width: 57%;}
.get_box{width: 48%;}
.top-menus{display: none;}
.head-right a.all-butt{display: none;}
.mob-menu-header-holder {width: auto !important; background: none !important;position: absolute!important;}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top{padding-top: 0 !important;}
.headertext{display: none !important;}
 .mobmenur-container {top: 31px!important;margin-right: 21px!important;}
.mobmenur-container i {line-height: 45px!important;font-size: 45px!important;float: right!important;}
.header_block{position: absolute;}
.mobmenu-content li a{ font-family: Georgia !important;}
.mobmenu-content li ul li a{font-family: "Be Vietnam" !important;    padding: 6px 10px !important;}
.mobmenu-content li.get-in-touch-heading{display: block !important;}
.mobmenu-content li.get-in-touch-heading a{font-size: 24px !important;font-weight: 700 !important;pointer-events: none !important;}
.headermobile-number{display: block;}
	.ser-scroll-top{scroll-margin-top:20px;}
	.about_service-bar{margin-bottom:40px;}
	.about_service-bar .main-ser-title{padding-top:40px;}
	.gallery-boxes{width:50%;}
	.civi-class .different-services_flex:nth-child(2n+1) .different-services-right-inner{left: 140px;}
	.mobmenu-right-panel .mobmenu-right-bt {
  position: absolute;
  right: 0px;
  top: 32px !important;
  font-size: 30px;
  z-index: 9999999 !important;
}
}

@media (max-width: 1023px){
.banner_block{padding: 114px 0;}
.banner_block .banner-title_sec {position: inherit;padding-top: 0;}
.banner_block .banner_left{width: 100%;margin-bottom: 60px;}
.banner_block .banner_right{width: 100%;}
.banner_block .banner-title_sec h1{margin-bottom: 20px;}
.banner-title_sec p{padding: 0;color: #fff;}
.heading-title{margin-top: 70px;}
.services_block  .heading-title{margin-top: 0;position: relative;margin-bottom: 20px;}
.services-hm_box{width: 33.333%;}
.footer-logo{text-align: center;width: 100%;margin-bottom: 30px;}
.footer-left{width: 100%;margin-bottom: 40px;}
.ng-build_box{width: 50%;padding: 0 20px;}
.different-services-left{padding: 250px 0;width: 100%;}
.different-services-right{width: 100%;padding: 0;}
.different-services_flex{flex-wrap: wrap;padding: 0 ;margin-bottom: 60px;}
.different-services-right-inner{left: 0;}
.different-services_flex:nth-child(2n+2) .different-services-right-inner{left: 0;}
.civi-class .different-services_flex:nth-child(2n+1) .different-services-right-inner{left: 0;}
.civi-class .different-services_flex:nth-child(2n+2) .different-services-right-inner{left: 0;}
.category-boxes{width: 50%;}
.how-eork-left span{font-size: 20px;min-width: 288px;}

.banner-title_sec-1 p{width: 96%;}
.about_page-left {width: 100%;padding: 20% 0;}
.about_page-second{padding-top: 0;padding-bottom: 0;}
.progressive_block{padding: 0 0 40px;}
.about_service-block{padding: 0;}
.about_page-right {width: 100%;padding: 40px 20px;}
.about_service-box{width: 100%;margin-bottom: 30px;}
.conpact-page-flex .left {width: 49%;}
.conpact-page-flex .right {width: 50%;padding-left: 36px;padding-right: 0;}
	.gallery_banner h2{font-size:18px;}
}

@media (max-width: 767px){
.services-hm_box{width: 100%;}
.get_box {width: 100%;}
.get_box:first-child{margin-bottom: 50px;}
.footer-middle, .footer-right{width: 100%;}
.footer-right{margin-top: 30px;}
.footer-left{margin-bottom: 30px;}
.foot-services-menu{width: 100%;text-align: center;}
.foot-services-contact{width: 100%;text-align: center;}
.foot-services-menu-second{margin: 20px 0;}
.copy-right_block .copy-left a{margin-left: 30px;}
.copy-right {float: right;width: 100%;margin-top: 21px;}
.different-services-left{padding: 170px 0;}
.how-eork-left{width: 100%;margin-bottom: 5px;}
.how-eork-right{width: 100%;}
.how-eork-left::after{display: none;}
.divider{display: none;}
.how-eork-left span{min-width: 100%;}
.banner-title_sec-inner h1 {font-size: 28px;line-height: 36px;}
.different-services-right-inner{padding: 30px 20px;}
h2{font-size: 38px;}
.banner-title_sec-1 p{font-size: 16px;line-height: 24px;font-weight: 400;}
.category-boxes{width: 100%;}

.conpact-page-flex .left {
  width: 100%;margin-bottom: 40px;
}
.conpact-page-flex .right {
  width: 100%;border: 0;
  padding-left: 0; 
  padding-right: 0;
}
.all-iden span{margin-bottom: 0;}
.all-iden{margin-bottom: 25px;}
.conpact-page_block{padding-top: 0;}
.all-scroll{scroll-margin-top:40px;}
.copy-left .left{width: 100%;text-align: center;margin-bottom: 10px;}
.copy-left .right{width: 100%;text-align: center;}
.copy-right{display: flex;justify-content: center;}
.footer-con-box1:last-child a{margin-right: 0;}
.gallery-boxes{width:100%;}
	.all-iden img{top: 6px;}	
}

@media (max-width: 479px){
.banner-title_sec h1 {font-size: 41px;line-height: 53px;}
.ng-build_box{width: 100%;margin-bottom: 30px;}
.ng-build_box:last-child{margin-bottom: 0;}
.our_latest-flex .First-img, .our_latest-group{width: 100%;}
}