/***-----****Fonts***----****/
@font-face {
    font-family: 'Malgun Gothic';
    src: url('../fonts/MalgunGothicRegular.eot');
    src: url('../fonts/MalgunGothicRegular.eot') format('embedded-opentype'),
        url('../fonts/MalgunGothicRegular.woff2') format('woff2'),
        url('../fonts/MalgunGothicRegular.woff') format('woff'),
        url('../fonts/MalgunGothicRegular.otf') format('otf'),
        url('../fonts/MalgunGothicRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Trajan Pro';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot') format('embedded-opentype'),
       url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
        url('../fonts/TrajanPro-Regular.woff') format('woff'),
        url('../fonts/TrajanPro-Regular.otf') format('otf');
        
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Trajan Pro';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot') format('embedded-opentype'),
        url('../fonts/TrajanPro-Bold.ttf') format('truetype'),
        url('../fonts/TrajanPro-Bold.woff2') format('woff2'),
        url('../fonts/TrajanPro-Bold.woff') format('woff'),
        url('../fonts/TrajanPro-Bold.otf') format('otf');
        
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/***---------Global Css Here--------****/
*{ 
    margin: 0;padding:0;
    box-sizing: border-box;
}
body{
    font-family: 'Malgun Gothic';
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Trajan Pro';
}
h1{ position: relative;
    font-size: 90px !important;
    line-height: 70px !important;
}
h2{
    font-size: 50px !important;
    line-height: 70px !important;
}
h3{ color: #000 !important;
    font-size: 40px !important;
    line-height: 60px;
}
h4{
    font-size: 36px !important;
}
h5{
    font-size: 24px !important;
}
h6{
    font-size: 18px !important;
}
.font-traj{
    font-family: 'Trajan Pro';
}
.text-black{
    color: var(--black) !important;
}
.img_left_text_right{
    align-items: center;
}
.img_right_text_left{
    align-items: center;
    flex-direction: row-reverse;
}
.pb-100{
    padding-bottom: 100px;
}
.f-18{
    font-size: 18px;
}
.py-100{
    padding: 100px 0;
}
.mx-900{
    max-width: 940px;
    margin: 0 auto !important;
}
.mx-800{
    max-width: 800px;
    margin: 0 auto !important;
}
.mx-700 {
    max-width: 700px;
    margin: 0 auto !important;
}
.ps-77{
    padding-left: 77px;
}
.pe-77{
    padding-right: 77px;
}
.container{
    max-width: 1384px !important;
    width: 100%;
    margin: 0 auto;
}
.row-mini{
    max-width: 1260px !important;
    width: 100%;
    margin: 0 auto !important;
}
:root {
    --secondary: #111bb1;
    --primary: #2f6df6;
    --black:#000000;
}
.font-secondary{
    color: var(--secondary) !important;
}
.font-primary{
    color: var(--primary);
}
.bg-light-green{
    background: var(--secondary);
 }
.bg-black{
    background: var(--black);
 }
.bg-green{
   background:var(--primary);
}
.img-shadow{
    box-shadow: -25px 3px 80px #00000029;
}
.secondary-btn:hover,
.secondary-btn, .primary-btn {
    font-family: 'Trajan Pro';
    background: var(--black);
    border-radius: 50px;display: flex;
    justify-content: center;
    padding: 20px 40px 18px 40px;
    align-items: center;width: fit-content;
    font-size: 16px;height: 60px;
    margin: 0 auto;font-weight: 700;
    border: none;transition: all .4s ease-in-out;
}
.transparent-btn {
    background: transparent;
    border: solid 1px #fff;
}
.transparent-btn:hover,
.primary-btn:hover,
.secondary-btn{
    transition: all .4s ease-in-out;
    background: var(--secondary);
}
.transparent-btn:hover{
    border: solid 1px var(--secondary);
}
.black-hover:hover{
    background: #fff;
    color: var(--black) !important;
}
footer a:hover{
    color: var(--secondary) !important;
}
p{ 
    font-size: 16px;line-height: 30px;
}

/***---------Header Css Here--------****/
.navbar .primary-btn {
    height: 50px;
    padding: 0 23px;
}
.navbar a.nav-link {
    letter-spacing: 0.7px;
    color: var(--black) !important;
    text-transform: uppercase;
    font-weight: 700;font-size: 14px;
    line-height: 18px;padding: 0 !important;
}
.navbar a.nav-link.active,
.navbar a.nav-link:hover{
    color: var(--secondary) !important;
}
.navbar li.nav-item {
    margin-left: 40px;
}
.header-contact .nav-head-icon{
    width: 29px;height: 29px;
    background: var(--secondary);
    border-radius: 100%;
    margin: 0;cursor: pointer;
    display: flex;align-items: center;
    justify-content: center;
    margin-top: -5px;
}
.header-contact .nav-head-icon:hover{
    background: var(--black);
}
button.navbar-toggler {
    width: 40px;height: 45px;
    border: solid 1px var(--primary);
    background: url('../images/toggle.svg') no-repeat center;
}
button.navbar-toggler.main{
    background: url('../images/cross.svg') no-repeat center;
}
.navbar-toggler:focus{
    box-shadow: none !important;
}

/***---------Footer Css Here--------****/
.footer-main{
    padding: 160px 0 100px 0;
    background: url('../images/footer_banner_image.png') no-repeat top center;
    background-size: cover;
}
.footer-main::after{
    position: absolute;
    content: ''; width: 336px;
    height: 416px;
    bottom: 0;right: 0;
    /*background:url(../images/footer-side.svg) no-repeat right bottom;*/
    background-size: contain; z-index: 0;
}
.footer-main h6::before{
    

}

.footer-main h6{
    color:#ffffff;
}

.footer-icon {
    width: 42px;height: 42px;
    border: solid 1px #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-icon:hover{
    border: solid 1px var(--secondary);
}
.footer-copy b{
    letter-spacing: .8px;
}
/* .footer-main .content-box p{
    font-size: 14px;
} */

/***---------Home Page Banner Css Here--------****/
.home-banner .carousel-caption {
    top: 50% !important;transform: translateY(-50%);
    max-width: 836px;width: 100%;
    margin: 0 auto;left:0 !important;
    right: 0 !important;padding: 0;
}
.carousel-item img {
    min-height: 920px;
    object-fit: cover;
}
.home-banner .carousel-item::before{
    position: absolute;
    content: '';
    width: 100%; height: 100%;
    top: 0;left: 0;
    background: var(--black);
    opacity: 35%; z-index: 0;
}
.home-banner .carousel-control-prev,
.home-banner .carousel-control-next {
    width: 42px;height: 42px;
    top: 50%;transform: translateY(-50px);
    right: 15%;opacity: 40%;
    background: url('../images/hero-arrow-right.svg') no-repeat center;
    border-radius: 100%;
}
.home-banner .carousel-control-prev {
    left: 15%;
    background: url('../images/hero-arrow-left.svg') no-repeat center;
}
.home-banner .carousel-control-prev:hover,
.home-banner .carousel-control-next:hover{
    opacity: 1;
}
.banner::after{
    position: absolute;
    content: '';width: 100%;
    height: 125px;
    bottom: -2px; left: 0;
    background: url(../images/hero-shape.svg) no-repeat;
    background-position: top center;
    z-index: 0;
}
.get-start {
    z-index: 9;
    position: relative;
    margin-top: -65px;
}

/***---------Get Start Css Here--------****/
.get-start .contant h4{
    font-size: 30px !important;
}

/***--------Offer Section Css Here--------****/
.image-bg::before{
    position: absolute;
    content: '';
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    top: 0; left: 0;z-index: -1;
    background-color: #2D533108;
}

/***---------Our Main Services Css Here--------****/
.main-service-inner{
    padding: 100px 77px 100px 77px;
    /*background:url('../images/services-bg-logo.svg') #F6F6F6 no-repeat bottom left;*/
}
.gardening-inner{
    padding: 100px 0 20px 75px;
}
.service-card img {
    height: 238px;
    object-fit: cover;
}
.contact-box .icon {
    width: 62px;
    height: 62px;
    border: solid 1px var(--primary);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 35px;
}
.rating-section p,
.contact-box .contant-info p{
    color: #2D5331;
}
.contact-box{
    padding: 30px 38px;
}
.gardening-section figure,
.gardening-section figure img{
    height: 100%;
}

/***--------Testimonial Css Here--------****/
.review-content{
    padding: 50px 31px 70px 31px;
    border-radius: 15px;
    text-align: center;
    background: #F9F9F9;
    border-radius: 15px;
}
.rating-section .profile-img {
    width: 62px !important;height: 62px;
    border: solid 4px var(--secondary);
    border-radius: 100%;
    margin: 0 auto;
}
.review-slide-items .star-img {
    width: 110px !important;
    margin: 0 auto;
}
/*.rating-section {
    margin-top: -35px;
}*/
.rating-section p{
    font-size: 16px !important;
}
.testimonial{
    /*background: url(../images/quote.svg) no-repeat top -115px center;*/
}
.rating-section{
    margin-top: -35px;
}
.complete_project_slider button.owl-prev,
button.owl-prev span,
button.owl-next span{
    display: none;
}
.nav-slider .owl-prev, .nav-slider .owl-next {
    width: 42px;height: 42px;
    top: 50%;opacity: 40%;
    position: absolute;
    margin-top: -50px;
    right: -80px;
    background: url(../images/black-arrow-right.svg) !important;
}
.nav-slider .owl-prev:hover,
.nav-slider .owl-next:hover{
    opacity: 1;
}
.nav-slider .owl-prev{
    transform: rotate(180deg);
    left: -80px;
}

/***--------Complete Project Slider Css Here--------****/
.complete_project_slider{
    max-width: 1555px;
    margin-left: auto;
}
.complete_project_slider .firstActiveItem{
    width: 826px !important;
    height: 534px;
    object-fit: cover;
}
.complete_project_slider .owl-item,
.complete_project_slider .owl-stage-outer,
.complete_project_slider .owl-stage {
    height: 534px;
}
.complete_project_slider .firstActiveItem img{
    opacity: 1 !important;transition: all 1s ease-in-out;
}
.complete_project_slider .item img{
    opacity: 14%;transition: all 1s ease-in-out;
}
.complete_project_slider .item img,
.complete_project_slider .item {
    height: 100%;object-fit: cover;
}
.complete_project_slider .owl-next {
    position: absolute;
    top: 50%;transform: translateY(-50%);
    right: 25%;width: 42px;
    height: 42px;
    background: url(../images/black-arrow-right.svg) !important;
}
/***----**********--Portfolio Page Css Here--**********-----****/
.portfolio-inner{
    position: relative;
}
.portfolio-inner .content-box {
    position: absolute;
    top: 12px;left: 17px;
    width: calc(100% - 34px);
    height: calc(100% - 24px);
    display: flex;justify-content: center;
    align-items: center;flex-direction: column;
    padding: 20px 45px;border: solid 2px #fff;
    background: #2E2A1EB8;
    opacity: 0;transition: all .4s ease;
}
.portfolio-inner:hover .content-box{
    opacity: 1;transition: all .4s ease;
}
.contact-today{
    background: url('../images/contact-us-today-bg.jpg') no-repeat center;
    background-size: cover;
}
.contact-today .row{
    z-index: 9;
}
.contact-today::after{
    position: absolute;
    content: '';z-index: 0;
    width: 100%;height: 100%;
    background: #000;
    top: 0;left: 0;opacity: 57%;
}
.portfolio-banner{
    background: url(../images/portfolio-banner.jpg) no-repeat;
    background-size: cover;
}

/***----**********--Service Page Css Here--**********-----****/
.service-banner{
    background: url(../images/service-banner.jpg) no-repeat;
    background-size: cover;
}
.detail-inner{
    background: #F6F6F6;
    padding: 100px;
}
.service-inner-img{
    min-height: 414px;
    object-fit: cover;
}
/***----**********--Service Page Css Here--**********-----****/
.service-banner{
    background: url(../images/service-banner.jpg) no-repeat;
    background-size: cover;
}
.servicei-inner .row:nth-child(even){
    background-color: #F6F6F6;
    background-image:url('../images/right-shape.svg');
    background-repeat: no-repeat;background-size: contain;
    background-position: right bottom;
}
.servicei-inner .row:nth-child(5n - 1) {
    background-image:url('../images/left-shape.svg');
    background-repeat: no-repeat;background-size: contain;
    background-position:left bottom;
}
.service-detail-banner{
    background: url(../images/service-detail.jpg) no-repeat;
    background-size: cover;
}

/*----------------About Page CSS Here-----------------------------*/
.inner-banner{
    min-height: 510px;
    display: flex;
    align-items: center;
    padding-bottom: 120px;
    position: relative;
}
.inner-banner:before{
    content: ''; position: absolute;
    background-color: #000; width: 100%;
    height: 100%; opacity: 31%;
    left: 0; top: 0;
}
.about-banner{
    background: url(../images/about-banner.jpg) no-repeat;
    background-size: cover;
}
.our-mission-card {
    background-image: url(../images/white-quote.svg);
    background-repeat: no-repeat;
    background-position: top left 45px;
    padding: 95px 90px 85px 400px;
    
}
.our-mission-card p{
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}
.philosophy-image-box img {
    min-height: 314px;
    object-fit: cover;
    min-width: 393px;
    width: 100%;
}
.philosophy-content-box {
    background: #F6F6F6;
    min-height: 314px;
    width: 100%;
    position: relative;
}
.philosophy-card .inner-right{
    max-width: 645px;
    margin: 0 auto;
}
.philosophy-card img.icon {
    width: 150px;
    height: 150px;
    padding: 35px;
    z-index: 0;
    position: absolute;
    left: -70px;
    border-radius: 100px;
    box-shadow: 0 0 30px #00000029;
}
.philosophy-card h4 {
    color: #057514;
}
.philosophy-card p{
    color: #676767;
}
#team-slider .item .content-box {
    background: #2E2A1E;
    color: #fff;
    padding: 25px 30px;
}
#team-slider .item .content-box:hover {
    background: #A3BA05;
}
.single-img{
    height: 100%;object-fit: cover;
    min-height: 685px;
}
/*--------------------Contact Page CSS Here--------------------------*/
.contact-banner{
    background: url(../images/contact-banner.jpg) no-repeat;
    background-size: cover;
}
.info-sec .content-box {
    background: #F8F9F8;
    max-width: 327px;
    margin: 0 auto;
    padding: 47px 25px 25px;
}
.info-sec .icon-box {
    width: 60px;height: 60px;
    background: #057514;
    border-radius: 100%;display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto -27px auto;
    z-index: 1;position: relative;
}
.info-sec .content-box p {
    color: #000;
}
.info-sec .content-box a,
.info-sec .content-box p.address {
    color: #000;
    text-decoration: none;
    line-height: 28px;
    font-family: 'Trajan Pro';
}
.get-form {
    padding: 75px 70px;
}
.get-form input {
    height: 48px;  border-radius: 0;
    padding-left: 18px;
}
.get-form textarea {
    width: 100%;  height: 100px;
    border: 0;  padding: 15px 20px;
}
.get-form input::placeholder, .get-form textarea::placeholder {
    color: #464749; font-size: 14px;
}
.location-map {
    margin-bottom: -75px;
}
/***---------Media Css Here--------****/
@media(max-width:1650px){
.footer-main::after {
    width: 250px; height: 308px;
}
}
@media(max-width:1439px){
.navbar li.nav-item {
    margin-left: 25px;
}
.home-banner .carousel-control-prev,
.home-banner .carousel-control-next {
    right:10px;
}
.home-banner .carousel-control-prev {
    left:10px;
}
.footer-main::after {
    width: 150px;
    height: 178px;
}
.nav-slider .owl-prev,
.nav-slider .owl-next{
    margin-top: 0;
    display: block; position: static;
}
.nav-slider .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    column-gap: 10px;
}
.philosophy-card img.icon {
    width: 130px;  height: 130px;
}
}
@media (max-width:1200px){
.info-sec .content-box {
   min-height: 160px
}
.content-box .f-18{
    font-size: 15px
}
.navbar li.nav-item {
    margin-left: 15px;
}
.navbar a.nav-link{
    font-size: 13px;
}
.footer-main::after {
    width: 85px;
    height: 100px;
}
h1{
    font-size: 70px !important;
    line-height: 60px !important;
}
h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}
.service-card .card-body {
    min-height: 205px;
}
.complete_project_slider .firstActiveItem{
    width: 700px !important;
    height: 480px;
}
.complete_project_slider .owl-item,
.complete_project_slider .owl-stage-outer,
.complete_project_slider .owl-stage {
    height:480px;
}
.complete_project_slider .owl-next {
    right: 10%;
}
.contact-box .icon{
    width: 50px;
    height: 50px;
    margin-right: 10px !important;
}
.philosophy-card img.icon {
    width: 110px;  height: 110px;
    padding: 25px;
}
.philosophy-card .inner-right {
    max-width: 75%;
}
.detail-inner{
    padding: 50px;
}
}
@media (max-width:1024px){
.gardening-inner {
    padding: 50px 0 40px 20px;
}
.main-service-inner {
    padding: 80px 30px 70px 30px;
}

.carousel-item img {
    min-height: 770px;
}
.home-banner .carousel-caption {
    padding: 0 60px;
}
h4 {
    font-size: 30px !important;
}
.get-start .contant h4 {
    font-size: 22px !important;
}
h3 {
    line-height: 50px;
    font-size: 35px !important;
}
h5 {
    font-size: 18px !important;
}
.banner::after {
    height: 50px;
}    
.py-100{
    padding: 80px 0;
}
.get-start {
    margin-top: 0;
}
.philosophy-card .inner-right {
    max-width: 80%;
}
.get-in-form .get-form {
    padding: 35px;
}  
}
@media (max-width:991px){
.single-img{
    min-height: auto;
}
.portfolio-inner .content-box{
    padding: 15px;
}
.review-content{
    padding: 20px 10px 50px 10px;
}
.navbar li.nav-item {
    margin-left:0;
    margin-bottom: 15px;
}
.ps-77 {
    padding-left: 10px;
}
.pe-77{
    padding-right:10px;
}
.navbar-collapse {
    position: absolute;
    background: var(--primary);
    width: 100%;
    left: 0;
    top: 85px;
    z-index: 999;
    padding: 20px 20px 0 20px;
}
.navbar a.nav-link {
    color: #ffffff !important;
}
.navbar .primary-btn {
    padding: 10px 15px;
    font-size: 13px;
    margin: 0;
}
.header-contact p,
.header-contact a {
    font-size: 10px;
}
.header-contact{
    display: none;
}
.py-100{
    padding: 60px 0;
}
.review-slide-items {
    padding: 20px;
}
.inner-banner {
    min-height: 400px;
    padding-bottom: 50px;
}
.philosophy-card img.icon {
    right: 0; left: 0;
    margin: 0 auto;
    top: -85px;
}
.philosophy-card .inner-right{
    max-width: 100%;
    padding: 0;
}
.philosophy-card-image-box img {
    width: 100%; 
}
.philosophy-content-box{
    padding: 65px 0 30px;
}
.info-sec .content-box {
    padding: 40px 10px 25px;
}
.info-sec .content-box a,
.info-sec .content-box p.address{
    font-size: 14px;
}
.philosophy-card img.icon {
    width: 125px;
    height: 125px;
}
.our-mission-card {
    padding: 95px 90px 85px 250px;
    background-size: 20%;
}
.philosophy-image-box img{
    min-width: auto !important;
}
.testimonial {
    background-size: 50%;
    background-position: top center;
}
}
@media (max-width:767px){
.map-img{
    min-height: 300px;
    object-fit:cover;
    object-position: center;
}
.testimonial {
    background-size: 30%;
    background-position: top center;
}
.complete_project_slider .owl-next {
    top: 52%;
}
h3 {
    font-size: 28px !important;
    line-height: 35px;
}
.info-sec .content-box {
    min-height: auto;
}
.footer-contact-box p{
    font-size: 14px;
}
.footer-main {
    padding: 100px 0 100px 0;
}
.detail-inner{
    padding: 50px 20px;
}
.location-map {
    margin-bottom: 0;
}
.contact-box {
    padding: 15px;
}
.portfolio-inner .image-box img{
    min-height: 400px;object-fit: cover;
}
.complete_project_slider .owl-item,
.complete_project_slider .owl-stage-outer,
.complete_project_slider .owl-stage{
    height: 400px;
}
.complete_project_slider .firstActiveItem {
    width: auto !important;
    height: 400px;
}
h1 {
    font-size: 40px !important;
    line-height: 50px !important;
}
h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}
h4 {
    font-size: 25px !important;
}
.contant-info h5 {
    font-size: 14px !important;
}
.home-banner .carousel-caption {
    padding: 0 10px;
    top: 40% !important;
}
.main-service-inner {
    padding: 60px 15px 60px 15px;
}   
.contact-box .icon {
    width: 35px;
    height: 35px;
}
.contact-box .icon img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.home-banner .carousel-control-prev {
    left: 50%;margin-left: -60px;top:auto;
    bottom: 30px;
}
.home-banner .carousel-control-next {
    right: 50%;margin-right: -60px;top:auto;
    bottom: 30px;
}
.secondary-btn:hover, .secondary-btn, .primary-btn {
    padding: 12px 20px 10px 20px;
    height: 50px;display: block;
    line-height: 30px;
    font-size: 14px;
}
.inner-banner{
    min-height: 310px;
}
.single-banner img {
    height: 300px;
    object-fit: cover;
    object-position: left;
}
.our-mission-card {
    background-position: top left 20px;
    padding: 160px 20px 30px;
    background-size: 25%;
}
.our-mission-card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}
.get-in-form .get-form {
    padding: 30px 15px 40px;
}
.info-sec .content-box a,
.info-sec .content-box p.address{
    font-size: 18px;
}
.service-card .card-body{
    min-height: auto;
}
.philosophy-card .inner-right {
    padding: 0;
}
.service-inner-img {
    min-height: 100%;
}
.servicei-inner .row:nth-child(5n - 1){
    background-size: 35%;
    background-position: left !important;
}
.servicei-inner .row:nth-child(even) {
    background-size: 35%;
    background-position: right;
}
}
@media(max-width:599px){
.our-mission-card {
    padding: 135px 20px 30px;
}
}
@media(max-width:425px){
.our-mission-card {
    padding: 110px 20px 30px;
    background-size: 35%;
}
}