@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Libre+Baskerville:wght@400;700&display=swap');
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Global Styles
3. Typography
4. Colors
5. Header / .site-header
6. Logo / .logo
7. Navigation / .main-nav
...

/** ========= GLOBAL STYLES ========= **/
body{font-size:14px; color:#fff; font-family: 'Montserrat', sans-serif;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
img{max-width:100%;}
input, textarea{font-family: 'Montserrat', sans-serif;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-ms-input-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}

input:disabled, textarea:disabled, select:disabled, button:disabled{background:rgba(255,255,255,0.2) !important;}

/** ========= TYPOGRAPHY ========= **/
a{color:#ffcf51; text-decoration:none;}
a:hover{color:#ff9c00; text-decoration:none;}
p{line-height:24px; margin-bottom:30px; letter-spacing:1.2px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:2.5px; margin:0 0 20px;}
.h2, h2{font-size:30px;}
.h3, h3{font-size:20px; text-transform:none;}

/* section left heading */
.section-number{font-size:55px; line-height:55px; margin-bottom:35px; font-weight:800;}
.section-heading{font-size:55px; line-height:55px; position: absolute; white-space:nowrap; width:0; top:180px; left:0; right:0;	margin:0 auto; font-weight:800; text-transform: uppercase; letter-spacing:0.1em; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform:rotate(-90deg);}
.section-heading span{display:block; float:right;}

/* section bottom heading */
.section-heading2{font-size:110px; line-height:normal; position:absolute; bottom:0; right:75px; text-align:right; opacity:0.25; margin:0;}

/** ========= COLORS ========= **/
/* section color */

.bg-olive-green{background-color:#7A9B78;}
.bg-grey{background-color:#868582;}
.bg-warm-yellow{background-color:#F2B705;}
.bg-teal-green{background-color:#6F8F85;}
.bg-sage-light{background-color:#C8D8B0;}
.bg-dark-contact{background-color:#2F3F3A;}
.bg-light-orange{background-color:#f39e61;}
.bg-jungle{background-color:#29ab87;}
.bg-turkis{background-color:#4f97a3;}
.bg-ecru{background-color:#cdb17f;}
.bg-salmon{background-color:#ff7777;}
.bg-gray{background-color:#828282;}
.bg-teal{background-color:#15a2b3;}
.bg-light-teal{background-color:#00bcbd;}
.bg-midnight-blue{background-color:#304150;}
.bg-gold{background-color:#aa9166;}
.bg-light-blue{background-color:#38496b;}
.bg-dark-grayish{background-color:#47414f;}
/* body, loader, left menu color */
body {
    background: #fdf9f0;
}
.spinner{background:#ff9900;}
/* menu and footer text color */
ul#menu-primary li a, .footer-social ul li a, .copyright-txt{color:#a6a3d7;}
ul#menu-primary li:hover a, ul#menu-primary li.active a, .footer-social ul li:hover a{color:#ff9900;}
ul#menu-primary li:hover:before, ul#menu-primary li.active:before{background:#ff9900;}

/** ========= SITE HEADER ========= **/
.site-header {
    position: fixed;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1440px;
    height: 76px;
    background: rgba(253, 249, 240, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.site-header.scrolled {
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    height: 70px;
    background: #fdf9f0;
}

.logo-wrap {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo-wrap img {
    height: 64px;
    margin-right: 12px;
}

.logo-wrap span {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e2e;
    letter-spacing: -0.5px;
}

.header-right {
    display: flex;
    align-items: center;
}

.main-nav {
    margin-right: 40px;
}

.main-nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav ul li {
    margin: 0 20px;
}

.main-nav ul li a {
    text-decoration: none;
    color: #4a5d4c;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.3s;
}

.main-nav ul li a:hover {
    color: #6b8e23;
}

.header-cta .btn-appointment {
    background: #556b2f;
    color: #fff !important;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
}

.header-cta .btn-appointment:hover {
    background: #6b8e23;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(85, 107, 47, 0.3);
}

@media (max-width: 991px) {
    .main-nav {
        display: none;
    }
    .site-header {
        padding: 0 20px;
    }
}




/** ========= MAIN CONTENT ========= **/
.container-fluid{padding-left:80px; padding-right:80px;}
.content-shrink{width:100%; transition:all 0.3s; overflow-x:hidden; overflow-y:hidden;}
.content-boxed{padding-top:118px;  padding-bottom:170px; padding-left:135px; position:relative;}

/* section left heading */
.content-boxed .split-color{
    width: 135px;
    height: 100%;
    background-color: #0000001A;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 237px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}



/* heading bottom border line */
.heading-border{padding-bottom:25px; position:relative;}
.heading-border:after{position:absolute; content:""; left:0; bottom:0; width:63px; height:3px; background:#fff;}
.heading-border2{padding-bottom:15px; position:relative;}
.heading-border2:after{position:absolute; content:""; left:0; bottom:0; width:47px; height:1px; background:#fff;}

.heading-border.text-center, .heading-border2.text-center{text-align:center;}
.heading-border.text-center:after, .heading-border2.text-center:after, .text-center .heading-border:after, .text-center .heading-border2:after{right:0; margin:0 auto;}
.heading-border.text-right:after, .heading-border2.text-right:after, .text-right .heading-border:after, .text-right .heading-border2:after{right:0; left:auto;}
.header-banner{position:relative;}
.hbanner-img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.hbanner-img:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(253, 249, 240, 0.4); z-index: 1;}

.slider-img{width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.slider-img:before{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(253, 249, 240, 0.4); z-index:2;}
.zs-enabled .zs-slideshow .zs-bullets{display:none;}


.hbanner-txt {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    padding-left: 70px;
    z-index: 10;
    max-width: 850px;
    text-align: left;
}

.hero-top-tag {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    color: #556b2f;
    letter-spacing: 0;
    margin-bottom: 30px;
    display: block;
    line-height: 100%;
    vertical-align: middle;
    font-family: 'Figtree', sans-serif !important;
}

.hero-main-title {
    font-size: 88px;
    line-height: 91px;
    color: #2c3e2e;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0;
    font-family: 'Libre Baskerville', serif !important;
    text-transform: none !important;
    vertical-align: middle;
}

.hero-subline {
    font-size: 28px;
    line-height: 100%;
    color: #4a5d4c;
    max-width: 472px;
    margin-bottom: 45px;
    font-weight: 400;
    font-family: 'Figtree', sans-serif;
    letter-spacing: 0;
    vertical-align: middle;
}

.btn-hero {
    background: #6E8B5C;
    color: #fff !important;
    width: 266px;
    height: 67px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 5px;
    gap: 10px;
    opacity: 1;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 20px rgba(85, 107, 47, 0.15);
}

.btn-hero:hover {
    background: #4a5d4c;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(85, 107, 47, 0.25);
}


/** ========= ABOUT ME ========= **/
/* about image */
.about-img{margin-top:6px;}
.about-img img{position:relative; border:#fff 10px solid;}
.behind-border-box{position:relative; padding-left:5%; padding-top:5%; display:inline-block;}
.behind-border-box:before{position:absolute; content:""; left:0; width:90%;	height:90%; top:0; background:#ff9900;}
.img-hover{position:relative; overflow:hidden;}
.img-hover::before{position: absolute; top: 0; left: -75%;	z-index: 2;	display: block;	content: ''; width: 50%; height: 100%;	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg);	transform: skewX(-25deg);}
.about-img:hover .img-hover::before{-webkit-animation: shine .75s;	animation: shine .75s;}
@-webkit-keyframes shine{
	100%{left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}
/* personal info */
.personal-info{margin-bottom:26px;}
.personal-info-title{width:80px; float:left; font-weight:800; padding-right:10px; position:relative; display:block;}
.personal-info-title:after{content:":"; position:absolute; right:0; top:0;}
.personal-info-disc{padding-left:100px; display:block}

/* download and hire button */
#about .flat-btn{margin-right:10px; margin-bottom:10px;}
.hire-btn{border:#fff 1px solid; color:#fff; text-transform:uppercase; font-size:18px; line-height:18px; letter-spacing:2px; padding:13px 15px; border-radius:0; transition:0.3s;}
.hire-btn:hover{background:#fff; color:#36739e;}

.about-main-title {
    font-family: 'Libre Baskerville', serif !important;
    font-weight: 700;
    font-size: 50px;
    line-height: 110%;
    text-transform: none !important;
    color: #000000;
}
    
.about-socials {
    margin-top: 30px;
    list-style: none;
    padding: 0;
}

.about-socials li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-socials li a {
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
}

.about-socials li a i {
    color: #ff9900;
}

.about-socials li i {
    width: 30px;
    text-align: center;
}

/** ========= OUR SKILLS ========= **/
/** Progressbar class css*/
.progressbar{width: 100%; margin-top: 5px; margin-bottom: 35px;	position: relative;	background-color: #fff !important;}
.proggress{height:8px; width:10px; background-color:#516abc;}
.percentCount{float:right; margin-top:10px;	clear: both; font-size:14px; letter-spacing:2px;}
.progress-box p{margin-bottom:10px;}

.progress{background:#fff; border-radius:30px; -webkit-border-radius:30px; height:8px;}
.progress-bar{background-color:#516abc;}

.skill-icon{font-size:48px; line-height:48px; margin-bottom:10px;}

/** ========= OUR PROJECTS ========= **/
.projects-sec{text-align:center;}
/* tab menu */
.toolbar{border-radius:30px; -webkit-border-radius:30px; display:inline-block; vertical-align:top; overflow:hidden; padding:10px 30px; margin-bottom:65px; border:none; background:#fff;}
.toolbar button{font-size:14px; line-height:14px; color:#4A5D4C; font-weight:700; letter-spacing:1px; padding:0 20px; text-transform:uppercase; transition:0.3s; background:none; border-radius:0; border-right:#d7d7d7 1px solid; margin:0;}
.toolbar button:last-child{margin-right:0; border-right:none;}
.toolbar button:hover, .toolbar button:focus{box-shadow:none; color:#7A9B78;}
.tabmenu-mobile{width:50px; height:50px; line-height:50px; background-color:#fff; color:#29ab87; font-size:21px; border-radius:5px; margin:0 auto 35px; cursor:pointer; display:none;}

/* project box */
.work-box{position:relative; text-align:center; margin-bottom:50px; overflow:hidden;}
.work-box img{position:relative; border-radius: 12px;}

.gallery-placeholder {
    background: #fff;
    width: 100%;
    height: 340px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.gallery-placeholder:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.gallery_product {flex: unset; margin-bottom: 20px;}

/** ========= OUR SERVICES ========= **/
.service-box{margin-bottom:55px; text-align:center;}
.service-box-border{padding-bottom:22px; border-bottom:#fff 1px solid;}
.service-icon{width:60px; height:70px; font-size:36px; line-height:70px; text-align:center; border:#fff 2px solid; margin:0 auto 17px;}

.appointment-list {
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.appointment-list li {
    margin-bottom: 18px;
}

.appointment-list strong {
    display: block;
    font-size: 17px;
    margin-bottom: 2.7px;
    color: #000000;
    font-weight: 600;
}

.appointment-list p {
    font-size: 16px;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 0;
    font-weight: 400;
}

.appointment-box {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    width: 626px;
    height: 590px;
    position: relative;
    top: -44px;
    opacity: 1;
}

.appointment-box h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
}

.appointment-box .a-field input, 
.appointment-box .a-field select {
    width: 100% !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    height: 48px !important;
    font-family: 'Figtree', sans-serif !important;
    font-size: 14px !important;
}

.appointment-box .a-field input {
    cursor: text !important;
}

.appointment-box .a-field select {
    cursor: pointer !important;
}

.appointment-box .a-field input::placeholder {
    color: #adb5bd !important;
    opacity: 1;
}

/* Date input specific styling */
.appointment-box .a-field input[type="date"] {
    position: relative;
    cursor: pointer !important;
}

.appointment-box .a-field input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

/* Custom calendar icon for the field if native one is hidden */
.calender-ico {
    position: relative;
}

.calender-ico:after {
    content: "\f133";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #7A9B78;
    pointer-events: none;
}


.appointment-box .submit-btn {
    text-align: left !important;
}

.appointment-box .submit-btn input {
    background: #7A9B78 !important;
    color: #fff !important;
    border-radius: 5px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    height: 42px !important;
    width: 85px !important;
    padding: 0 40px !important;
    cursor: pointer !important;
    margin-top: 42px !important;
    margin-left: -15px !important;
}

.service-card {
    background: #fff;
    padding: 45px 30px;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.service-card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.service-card .service-icon-new {
    height: 145px;
    width: auto;
    margin: 0 auto 0;
    display: block;
}

.service-card h3 {
    color: #2c3e2e;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: none;
    font-family: 'Figtree', sans-serif;
}

.service-card p {
    color: #4a5d4c;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 0;
    letter-spacing: 0;
}

.testimonial-card-new {
    background: #fff;
    padding: 24px !important;
    border-radius: 10px !important;
    margin: 0 auto 30px auto;
    width: 380px !important;
    height: 290px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    gap: 24px;
    opacity: 1;
}

.testimonial-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
}

.testi-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0;
    overflow: hidden;
}

.testi-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #000;
    text-transform: uppercase;
}

.testimonial-card-new .star-rating {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 2px;
}

.testimonial-card-new .star-rating i {
    color: #ff9900;
    font-size: 14px;
}

.testimonial-card-new p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 190% !important;
    color: #444;
    margin-bottom: 0;
    letter-spacing: 0;
}

.avatar-orange { background-color: #f36f21; }
.avatar-teal { background-color: #00a19a; }
.avatar-grey { background-color: #4a5d4c; }
.avatar-pink { background-color: #a64d79; }

/** ========= CONTACT SECTION ========= **/
/* contact info */
.contact-box{margin-bottom:35px; text-align:center;}
.contact-icon{width:60px; height:70px; font-size:36px; line-height:70px; margin:0 auto 17px; text-align:center; border:#fff 2px solid;}
.contact-box a{color:#fff;}

/* google map */
.gmap{width:100%; display: flex; justify-content: center;}
.gmap iframe{position:relative; width:554px; height:460px; border:none !important; border-radius: 12px;}

/* contact form */
.contact-form{ padding-top:30px;}
.contact-form .f-field{margin-bottom:30px;}
.contact-form .f-field input{display:block; width:100%; height:40px; background:none; border:none; border-bottom:#fff 1px solid; font-size:14px; line-height:14px; letter-spacing:2px; color:#fff; padding:0 15px;}
.contact-form .f-field textarea{display:block; width:100%; height:130px; background:none; border:none; border-bottom:#fff 1px solid; font-size:14px; line-height:14px; letter-spacing:2px; color:#fff; padding:15px;}
.contact-form .sent-btn input{display:block; width:100%; height:55px; background:#fff; border:none; font-size:18px; line-height:18px; letter-spacing:2px; color:#516abc; text-transform:uppercase; font-weight:800; padding:0 15px; cursor:pointer;}

/** ========= LOADER ========= **/
.loader{position:fixed; overflow: hidden; z-index: 999999; left:0; top: 0; width:100%; height:100%; text-align:center;}
.spinner{position:absolute; top:50%; left:0; right:0; transform:translate(0,-50%); width: 40px; height: 40px; margin:0 auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out;}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 
  50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 
  100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}

.contact-form-new form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-form-new {
    display: flex;
    justify-content: center;
}

.contact-form-new .f-field input, 
.contact-form-new .f-field textarea {
    width: 454px !important;
    height: 75px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 15px 25px !important;
    margin-bottom: 20px !important;
    color: #000 !important;
    font-family: 'Figtree', sans-serif !important;
}

.contact-form-new .f-field input::placeholder, 
.contact-form-new .f-field textarea::placeholder {
    color: #999 !important;
}

.contact-form-new .sent-btn input {
    width: 454px !important;
    background: #fff !important;
    color: #2F3F3A !important;
    height: 75px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: 18px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.contact-form-new .sent-btn input:hover {
    background: #f8f8f8 !important;
    transform: translateY(-2px);
}

.contact-info-footer {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-info-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    margin-bottom: 20px;
}

.footer-info-item img {
    height: 36px;
    width: auto;
}

.footer-info-item h3 {
    font-size: 18px;
    margin-bottom: 2.8px;
    color: #fff;
    font-weight: 400;
}

.footer-info-item p, .footer-info-item a {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin: 0;
    text-decoration: none;
}

.footer-info-item p a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.footer-info-item:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}

/** ========= GLOBAL CARE SECTION ========= **/
.bg-global-care {
    background-color: #F0F4F0;
}

.global-globe-wrap {
    position: relative;
    padding: 30px 0;
}

.globe-icon-wrap {
    margin-bottom: 20px;
}

.flag-row {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}

.flag-icon {
    font-size: 28px;
    background: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.intl-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 605px;
    max-width: 100%;
    height: 82px;
    margin: 0 auto;
    padding: 15px 15px 16px 15px;
    border-radius: 10px;
    color: #6A8A68;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.intl-badge span {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    line-height: 100% !important;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.global-content-wrap {
    padding-left: 30px;
}

.intl-tag-label {
    color: #7A9B78;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: inline-block;
}

.global-main-heading {
    font-size: 36px;
    color: #1F2D1F;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Figtree', sans-serif;
    text-transform: none;
    letter-spacing: 0;
}

.global-subtitle {
    font-size: 15.1px;
    color: #4A5A4A;
    line-height: 28.9px;
    margin-bottom: 28px;
}

.global-features-grid {
    margin-bottom: 35px;
}

.global-feature-card {
    background: #fff;
    width: 293.5px;
    height: 122px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-radius: 16px;
    padding: 22px 22px 36px 22px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    opacity: 1;
    transform: rotate(0deg);
}

.global-feature-card h4 {
    font-size: 15.1px;
    color: #2F3F3A;
    font-weight: 700;
    letter-spacing: 0%;
    margin: 0;
    text-transform: none;
}

.global-feature-card p {
    font-size: 13px;
    font-weight: 400;
    color: #6B7C6B;
    line-height: 1.5;
    letter-spacing: 0%;
    margin: 0;
    max-width: 240px;
}

.global-cta-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.btn-book-intl {
    display: block;
    background: #556b2f;
    color: #fff;
    text-align: center;
    padding: 18px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-book-intl:hover {
    background: #3e4f22;
    color: #fff;
    text-decoration: none;
}

.btn-whatsapp-intl {
    display: block;
    background: transparent;
    color: #7A9B78;
    text-align: center;
    padding: 16px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #7A9B78;
    transition: all 0.3s ease;
}

.btn-whatsapp-intl:hover {
    background: #f0f7f0;
    color: #7A9B78;
    text-decoration: none;
}

.intl-note {
    font-size: 13px;
    color: #6B7C6B;
    text-align: left;
    margin-top: 5px;
}

/** ========= RESPONSIVE ========= **/
@media screen and (max-height:720px) {
.exalt-sidebar-menu-footer{position:inherit;}
}

@media only screen and (max-width:1580px) {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{letter-spacing:2px;}

.navbar-brand{margin:0 0 40px;}
.logo-icon{width:105px;}



.section-number{font-size:45px; line-height:45px;}
.section-heading{font-size:45px; line-height:45px; top:160px;}

.container-fluid{padding-left:30px; padding-right:30px;}
.content-boxed .split-color{width:140px; padding:110px 0 0;}
.content-boxed{padding-left:140px; padding-top:7rem; padding-bottom:7rem;}
.service-box{padding-right:0;}
.section-heading2{font-size:80px; right:26px;}

#about .flat-btn, .hire-btn{min-width:196px;}

.contact-icon{float:none; margin-bottom:17px;}
.contact-txt{padding-left:0;}
}
@media only screen and (max-width:1280px) {
.navbar-brand{margin:0 0 25px;}

.content-shrink{padding-left:0;}


}
@media only screen and (max-width:1024px) {
.h2, h2{font-size:27px;}
.h3, h3, .service-box h3{font-size:16px;}

.hbanner-txt h1{font-size:55px; line-height:55px;}
.red-bg-txt, .jungle-bg-txt{font-size:38px; line-height:38px;}

.section-number{font-size:40px; line-height:40px;}
.section-heading{font-size:40px; line-height:40px; top:145px;}
.section-heading2{font-size:70px;}
}
@media only screen and (max-width:991px) {
ul#menu-primary li{margin-bottom:15px;}

.hbanner-txt h1{font-size:50px; line-height:50px;}
.hbanner-txt p{font-size:18px; line-height:18px;}
.red-bg-txt, .jungle-bg-txt{font-size:28px; line-height:28px;}

.toolbar button{font-size:13px; line-height:13px; padding:0 5px;}

#portfolio{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width:33.3333%; -moz-column-width:33.3333%; column-width:33.3333%;}

.progress-box.pl-5{padding-left:0 !important;}

.section-heading, .section-number{font-size:36px; line-height:36px;}
.section-heading2{font-size:55px;}

.service-box-border{border-bottom:none; padding-bottom:0;}
.contact-form{margin-bottom:30px;}

.content-boxed .pr-5, .content-boxed .pr-3{padding-right:0 !important;}
.content-boxed .pl-5, .content-boxed .pl-3{padding-left:0 !important;}
}
@media only screen and (max-width:767px) {
.h2, h2{font-size:24px;}
.exalt-sidebar-menu{width:270px; left:-270px;}

.logo-icon{width:75px;}
.logo-text{font-size:28px; line-height:28px;}
.logo-tagline{font-size:10px;}

.copyright-txt{font-size:12px; line-height:12px; margin-bottom:15px;}

.container-fluid{padding-left:20px; padding-right:20px;}

.content-boxed .split-color{position:inherit; width:100%; min-height:auto; height:inherit; overflow:inherit; padding:20px 0; margin-bottom:45px;}
.section-heading{left:inherit; position:inherit; top:inherit; text-align:center; width:auto; -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0);}
.section-heading span{float:none;}
.section-heading, .section-number{font-size:30px; line-height:30px;}
.section-number{margin-bottom:10px;}
.section-heading2{right:18px; font-size:50px;}
.content-boxed{padding-top:0; padding-left:0;}

.hbanner-txt h1{font-size:40px; line-height:40px; margin-bottom:10px;}
.hbanner-txt p{font-size:16px; line-height:16px;}

.tab-custom .nav-tabs li a{font-size:12px; line-height:12px;}
}
@media only screen and (max-width:639px) {

.hbanner-txt h1{font-size:30px; line-height:30px;}
.h2, h2{font-size:22px;}
.content-boxed{padding-bottom:5rem;}
.section-heading2{font-size:35px; line-height:35px; left:0; right:0; bottom:15px; margin:0 auto; text-align:center;}

.tab-custom .nav-tabs li, .toolbar button{float:none; display:block; width:100%; border-right:none;}

.toolbar{margin-bottom:5px; border-radius:8px; -webkit-border-radius: 8px; display:none; transition:all 0.3s;}
.tabmenu-mobile, .toolbar.active{display:block;}
#portfolio{-webkit-column-count:2; -moz-column-count: 2; column-count: 2; -webkit-column-width:50%; -moz-column-width:50%; column-width:50%;}

.gmap iframe{height:300px;}
}
@media only screen and (max-width:480px) {
.service-box{margin-bottom:35px;}
}
@media only screen and (max-width:359px) {
.exalt-sidebar-menu.active .mobile-menu-btn{right:0; width:40px; height:40px; line-height:40px;}
.gmap iframe{height:320px;}
}