/* Main Nav */
#main_nav .nav-item .nav-link:hover {color: #fff;}
/* Home */
#index_banner {
background-image: url('./../img/index/img39-1.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 90vh;
width: 100%;
}
#index_banner_C2 {
background-image: url('./../img/index/img43.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 90vh;
width: 100%;
}
#index_banner_C3 {
background-image: url('./../img/index/img53.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 90vh;
width: 100%;
}
#index_banner2 {
background-image: url('./../img/que/img3009.jpg');
background-position: center center; background-size: cover;
height: 100%;
/* min-height: 65vh; */
width: 100%;
}
#index_banner_21 {
background-image: url('./../img/Choose_and_option.png');
background-position: center center; background-size: cover;
height: 100%;
min-height: 100vh;
width: 100%;
}
#index_banner3 {
background-image: url('./../img/index/img55.jpg');
background-position: center center; background-size: cover;
height: 100%;
/* min-height: 70vh; */
width: 100%;
}#lo_re {
background-image: url('./../img/lo_re_bc.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 70vh;
width: 100%;
}#login_bk {
background-image: url('./../img/login_image.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 70vh;
width: 100%;
}#index_banner_con {
background-image: url('./../img/Capturecn1.png');
background-position: center center; background-size: cover;
height: 50%;
min-height: 18vh;
width: 40%;
}#index_banner_con_2 {
background-image: url('./../img/Capture-cn2.png');
background-position: center center; background-size: cover;
height: 60%;
min-height: 18vh;
width: 60%;
}
#index_banner44 {
background-image: url('./../img/Capture1235.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 50vh;
width: 100%;
}
#index_banner-about {
background-image: url('./../img/about/img39.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 60vh;
width: 100%;
}

/* Mobile optimization for about page hero */
@media (max-width: 768px) {
    #index_banner-about {
        background-size: cover;
        background-position: center top;
        min-height: 50vh;
    }
}

@media (max-width: 576px) {
    #index_banner-about {
        background-size: cover;
        background-position: center center;
        min-height: 45vh;
    }
}
#index_banner_about3 {
background-image: url('./../img/about/img45.jpg');
background-position: center center; background-size: cover;
height: 100%;
/* min-height: 65vh; */
width: 100%;
}
#index_banner_work3 {
background-image: url('./../img/hotel/21.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_iamnot {
background-image: url('./../img/blog/img55.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_price4 {
background-image: url('./../img/blog/img53.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_blog1 {
background-image: url('./../img/39.jpeg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}#Blog_bck {
background-image: url('./../img/blog/img39.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 60vh;
width: 100%;
}

/* Mobile optimization for Blog page hero */
@media (max-width: 768px) {
    #Blog_bck {
        background-size: cover;
        background-position: center top;
        min-height: 50vh;
    }
}

@media (max-width: 576px) {
    #Blog_bck {
        background-size: cover;
        background-position: center center;
        min-height: 45vh;
    }
}#contact_bck {
background-image: url('./../img/about/contact.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 60vh;
width: 100%;
}

/* Mobile optimization for Contact page hero */
@media (max-width: 768px) {
    #contact_bck {
        background-size: cover;
        background-position: center top;
        min-height: 50vh;
    }
}

@media (max-width: 576px) {
    #contact_bck {
        background-size: cover;
        background-position: center center;
        min-height: 45vh;
    }
}
#index_banner_faq1 {
background-image: url('./../img/faq/img39.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 60vh;
width: 100%;
}

/* Mobile optimization for FAQ page hero */
@media (max-width: 768px) {
    #index_banner_faq1 {
        background-size: cover;
        background-position: center top;
        min-height: 50vh;
    }
}

@media (max-width: 576px) {
    #index_banner_faq1 {
        background-size: cover;
        background-position: center center;
        min-height: 45vh;
    }
}
#index_banner_whysrilanka {
background-image: url('./../img/whysri/img39.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 60vh;
width: 100%;
}

/* Mobile optimization for Why Sri Lanka page hero */
@media (max-width: 768px) {
    #index_banner_whysrilanka {
        background-size: cover;
        background-position: center top;
        min-height: 50vh;
    }
}

@media (max-width: 576px) {
    #index_banner_whysrilanka {
        background-size: cover;
        background-position: center center;
        min-height: 45vh;
    }
}
#index_banner_pfaq2 {
background-image: url('./../img/faq/img41.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 65vh;
width: 100%;
}

/* Mobile optimization for FAQ bottom banner */
@media (max-width: 768px) {
    #index_banner_pfaq2 {
        background-size: cover;
        background-position: center top;
        min-height: 55vh;
    }
}

@media (max-width: 576px) {
    #index_banner_pfaq2 {
        background-size: cover;
        background-position: center center;
        min-height: 50vh;
    }
}
#index_banner_blog2 {
background-image: url('./../img/blog/img53.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 65vh;
width: 100%;
}

/* Mobile optimization for Blog bottom banner */
@media (max-width: 768px) {
    #index_banner_blog2 {
        background-size: cover;
        background-position: center top;
        min-height: 55vh;
    }
}

@media (max-width: 576px) {
    #index_banner_blog2 {
        background-size: cover;
        background-position: center center;
        min-height: 50vh;
    }
}
#index_banner_contact {
background-image: url('./../img/about/contact2.png');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 65vh;
width: 100%;
}

/* Mobile optimization for Contact bottom banner */
@media (max-width: 768px) {
    #index_banner_contact {
        background-size: cover;
        background-position: center top;
        min-height: 55vh;
    }
}

@media (max-width: 576px) {
    #index_banner_contact {
        background-size: cover;
        background-position: center center;
        min-height: 50vh;
    }
}
#index_banner_whysri3 {
background-image: url('./../img/whysri/img51.jpg');
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
height: 100%;
min-height: 65vh;
width: 100%;
}

/* Mobile optimization for Why Sri Lanka bottom banner */
@media (max-width: 768px) {
    #index_banner_whysri3 {
        background-size: cover;
        background-position: center top;
        min-height: 55vh;
    }
}

@media (max-width: 576px) {
    #index_banner_whysri3 {
        background-size: cover;
        background-position: center center;
        min-height: 50vh;
    }
}
#inner_img_3 {
background-image: url('./../img/blog/img59.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_ayuweda {
background-image: url('./../img/ayuveda/Image_Banner.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_whysri5 {
background-image: url('./../img/ayuveda/mid_banner.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner_ayuwada5 {
background-image: url('./../img/que/img3009.jpg');
background-position: center center; background-size: cover;
height: 100%;
min-height: 65vh;
width: 100%;
}
#index_banner .carousel-item {
min-height: 75vh;
}
#index_banner .carousel-control-prev i,
#index_banner .carousel-control-next i {
/*  color: #6266ea !important;*/
color: white !important;
text-decoration: none;
font-size: 4em;
}
#index_banner .carousel-inner {
height: 75h;
}
#index_banner .carousel-indicators li,
#index_banner .carousel-indicators.active {
/*  background-color: #6266ea !important;*/
background-color: white !important;
}
.index-a{
    color: #647942 !important;
    text-decoration: none !important;
}
.index-a:hover{
    text-decoration: underline !important;
}
.service-wrapper .service-footer {
max-width: 720px;
}
.service-work.card {
cursor: pointer;
}
.service-work .service-work-vertical {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 18.33%, rgba(255,255,255,0) 66.66%, rgba(255,255,255,0) 99.99%);
background-size: 300% 300%;
background-position: 0% 100%;
transition: .5s;
}
.service-work .service-work-vertical:hover {
background-position: 0% 0%;
transition: .5s;
}
.service-work .service-work-vertical:hover * {
color: #000;
border-color: #000;
transition: .5s;
}

.recent-work.card{
border-radius: 10px !important;
}
.recent-work .recent-work-vertical {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 33.333%, rgba(97,84,199,1) 66.666%, rgba(255,255,255,0) 99.999%);
background-size: 300% 300%;
background-position: 0% 100%;
transition: .5s;
cursor: pointer;
}
.recent-work .recent-work-vertical:hover {
background-position: 0% 0%;
transition: .5s;
}
.recent-work .recent-work-vertical:hover div.recent-work-content {
top: 50%;
margin-top: -2.5em;
position: absolute;
}
.recent-work .recent-work-vertical:hover * {
color: white;
transition: .5s;
}
/* About */
#work_banner {
background-image: url('./../img/banner-bg-02.jpg');
background-position: center center; background-size: cover;
height: 100%;
width: 100%;
}
.progress {
height: 8px;
}
.objective-icon {
border-radius: 13px;
width: 8rem;
}
.partner-wap {
background-color: #7276ec;
transition: 1s;
cursor: pointer;
}
.partner-wap:hover {
background-color: #b1b3f5;
}
.why-us {
background: rgb(239,239,253);
background: -moz-linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);
background: linear-gradient(0deg, rgba(239,239,253,1) 50%, rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efeffd",endColorstr="#ffffff",GradientType=1);
}
.team-member-img {
transition-duration: 0.15s;
}
.team-member:hover .team-member-img {
padding: 10px !important;
}
/* Work */
/* Singel Work */
#work_single_banner {
background-image: url('./../img/banner-bg-02.jpg');
background-position: center center;
background-size: cover;
height: 100%;
width: 100%;
}
.related-content {
border-radius: 20px;
cursor: pointer;
}
/* Pricing */
.pricing-list {
margin-bottom: 1px;
}
.pricing-table {
max-width: 350px;
margin: auto;
}
.pricing-table,
.pricing-horizontal {
border-radius: 15px !important;
}
/* Contact */
#floatingtextarea {
height: 150px
}
/* Footer */
footer a.text-light:hover {
color: #bfbfbf !important;
transition-duration: 0.15s;
}
/*
* See it in action here: http://jsfiddle.net/seydoggy/6s92p51a/
*/
.panel-table {
display:table;
}
.panel-table > .panel-heading {
display: table-header-group;
background: transparent;
}
.panel-table > .panel-body {
display: table-row-group;
}
.panel-table > .panel-body:before,
.panel-table > .panel-body:after {
content:none;
}
.panel-table > .panel-footer {
display: table-footer-group;
background: transparent;
}
.panel-table > div > .tr {
display: table-row;
}
.panel-table > div:last-child > .tr:last-child > .td {
border-bottom: none;
}
.panel-table .td {
display: table-cell;
padding: 15px;
border: 1px solid #ddd;
border-top: none;
border-left: none;
}
.panel-table .td:last-child {
border-right: none;
}
.panel-table > .panel-heading > .tr > .td,
.panel-table > .panel-body > .tr > .td,
.panel-table > .panel-footer > .tr > .td {
background-color: #f5f5f5;
}
.panel-table > .panel-heading > .tr > .td:first-child {
border-radius: 4px 0 0 0;
}
.panel-table > .panel-heading > .tr > .td:last-child {
border-radius: 0 4px 0 0;
}
.panel-table > .panel-footer > .tr > .td:first-child {
border-radius: 0 0 0 4px;
}
.panel-table > .panel-footer > .tr > .td:last-child {
border-radius: 0 0 4px 0;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
/* .timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 25px;
margin-right: -1.5px;
} */
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel, .timeline > li > .timeline-panel-default {
width: calc( 100% - 75px );
float: right;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel-default:before {
position: absolute;
top: 26px;
left: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-right: 15px solid #ccc;
border-left: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after, .timeline > li > .timeline-panel-default:after {
position: absolute;
top: 27px;
left: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-right: 14px solid #fff;
border-left: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 0px;
margin-right: -25px;
/* background-color: #999999; */
border-style: ridge;
    border-color: #B7C784;
    border-width: 1px;
z-index: 100;
/* border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%; */
}
.timeline > li.timeline-inverted > .timeline-panel {
float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-right-width: 0;
border-left-width: 15px;
right: -15px;
left: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-right-width: 0;
border-left-width: 14px;
right: -14px;
left: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
color: #B7C784 !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.select-cursor{
    cursor: pointer;
}
.timeline-body > p,
.timeline-body > ul,
.timeline-body-default > p,
.timeline-body-default > ul {
margin-bottom: 0;
}
.timeline-body > p + p, .timeline-body-default > p + p {
margin-top: 5px;
}
.timeline-body, .timeline-body-default {
display: none;
}
h5 {
font-size: 1.28571429em;
font-weight: 700;
line-height: 1.2857em;
margin: 0;
}
.card {
font-size: 1em;
overflow: hidden;
padding: 0;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.card-block {
font-size: 1em;
position: relative;
margin: 0;
padding: 1em;
border: none;
border-top: 1px solid rgba(34, 36, 38, .1);
box-shadow: none;
}
.card-img-top {
display: block;
width: 100%;
height: auto;
}
.card-title {
font-size: 18px;
font-weight: 700;
line-height: 1.2857em;
}
.card-text {
clear: both;
margin-top: .5em;
color: rgba(0, 0, 0, .68);
}
.card-footer {
font-size: 1em;
position: static;
top: 0;
left: 0;
max-width: 100%;
padding: .75em 1em;
color: rgba(0, 0, 0, .4);
border-top: 1px solid rgba(0, 0, 0, .05) !important;
background: #fff;
}
.card-inverse .btn {
border: 1px solid rgba(0, 0, 0, .05);
}
.profile {
position: absolute;
top: -12px;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
width: 25px;
height: 25px;
margin: 0;
border: 1px solid #fff;
border-radius: 50%;
}
.profile-avatar {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
.profile-inline {
position: relative;
top: 0;
display: inline-block;
}
.profile-inline ~ .card-title {
display: inline-block;
margin-left: 4px;
vertical-align: top;
}
.text-bold {
font-weight: 700;
}
.meta {
font-size: 1em;
color: rgba(0, 0, 0, .4);
}
.meta a {
text-decoration: none;
color: rgba(0, 0, 0, .4);
}
.meta a:hover {
color: rgba(0, 0, 0, .87);
}
//////////////////////////////////////////////////
.row{
margin-top:40px;
padding: 0 10px;
}
.clickable{
cursor: pointer;   
}
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.social-section{
/*  padding: 10px;-webkit-box-shadow: 0px -1px 16px #000;-moz-box-shadow: 0px -1px 16px #000;-o-box-shadow: 0px -1px 16px #000;box-shadow: 0px -1px 16px #000;*/
}
.social-section h3{ font-size: 25px; color: #333}
.social-section h6{ color: #6d6d6d; margin-left: 45px;}
.social-section i{
color: #6d6d6d;
margin: 20px 15px;
cursor: pointer;
}
.social-section .fa-facebook:hover{color: #3b5998}
.social-section .fa-instagram:hover{color: #833ab4}
.social-section .fa-twitter:hover{color: #1da1f2}
.social-section .fa-youtube-play:hover{color: #ff0000}
.social-section .fa-twitch:hover{color: #6441a5;}
.social-section .fa-google-plus:hover{color: #dd4b39}
.social-section .fa-pinterest:hover{color: #bd081c}
.social-section .fa-tumblr:hover{color: #35465c;}
.fa-fw {
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    border-width: 1px;
}
.fa-3x {
    font-size: 1em;
}
#fonts_css_web{
/* Heading 02 */
/*                font-family: 'Gotham';*/
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 126.02%;
/* or 55px */
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
/* Medium Green */
color: #647942;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
#fonts_css_text{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 133.02%;
/* or 40px */
text-align: center;
letter-spacing: -0.01em;
text-transform: none;
/* Grey */
color: #7D7878;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}
.button_nav {
/*        background-color: #1c87c9;*/
border: none;
color: white;
padding:  39px 23px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
/*        margin: 4px 2px;*/
cursor: pointer;
}
.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#444444; font-size:30px; margin:0 0 8px 0;}
.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px;}
.login-form .form-control {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #d4d4d4;
border-radius: 4px;
font-size: 14px;
height: 50px;
line-height: 50px;
}
.main-div {
background: #ffffff none repeat scroll 0 0;
border-radius: 2px;
margin: 10px auto 30px;
max-width: 88%;
/*  padding: 50px 70px 70px 71px;*/
}
.btn {
color: white;
background-color: purple;
}
.text-left{
text-align: left !important;
}
.text-right{
text-align: right !important;
}
.text-center{
text-align: center !important;
}
.text-align-justify{
text-align: justify !important;
}
.font-color-dark-green{
color:#373536 !important;
}
.font-color-dark-grey{
color:#5B5454 !important;
}
.font-color-grey{
color:#7D7878 !important;
}
.font-color-medium-grey{
color:#647942 !important;
}
.font-size-16{
font-size:16px !important;
}
.font-size-37{
font-size:37px !important;
}
.font-size-24{
font-size:24px !important;
}
.font-size-28{
font-size:28px !important;
}
.font-size-44{
font-size:44px !important;
} 
.font-size-20{
font-size:20px !important;
}
.font-size-18{
font-size:18px !important;
}
.font-size-50{
font-size:50px !important;
}
.font-size-39{
font-size:39px !important;
}
.font-size-22{
font-size:22px !important;
}
.font-size-14{
font-size:14px !important;
}
.font-size-18{
font-size:18px !important;
}
.font-size-64{
font-size:44px !important;
}
.font-size-banner-h1{
font-size:3vw !important;
}

.font-size-banner-h2{
font-size:1.3vw !important;
}
.font-size-30{
font-size:30px !important;
}
.font-size-35{
font-size:35px !important;
}
.font-size-12{
font-size:12px !important;
}
.font-size-10{
font-size:10px !important;
}
.font-size-9{
font-size:9px !important;
}
.font-size-13{
font-size:13px !important;
}
.font-size-26{
font-size:26px !important;
}
.font-size-29{
font-size:29px !important;
}
.font-size-15{
font-size:15px !important;
}
.text-transform-none{
text-transform: none !important;
}
.font-family-go{
font-family: 'Gotham';
}
.font-family-medium{
font-family: "Gotham_Medium";
}
.font-family-gobo{
font-family: "GothamBold";
}
.font-family-int{
font-family: 'Inter';
}
.font-family-popin{
font-family: 'Poppins';
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-350 {
    font-weight: 350 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-500{
    font-weight: 500 !important;
}
.font-weight-600{
    font-weight: 600 !important;
}
.font-weight-700{
    font-weight: 700 !important;
}
.line-height-22{
    line-height: 22px !important;
}
.letter-spacing-2{
    letter-spacing: 2px !important;
}
.background-color-ash{
    background-color: #FBFBFB !important;
}
.background-color-green1{
    background-color: #F4FAE2 !important;
}
.color-green1{
    color: #647942 !important;
}
.font-family-footer{
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 126.02%;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
#about_card{
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 126.02%;
/* or 55px */ 
letter-spacing: -0.01em;
text-transform: uppercase;
/* Medium Green */
color: #647942;
}
#about_card_color{
color: #6e824e; background-color:#f4fae2; 
margin: -15px 0px 33px 574px;
}

#about_card_color_2{
color: #647942; background-color:white;
margin: -156px -15px -73px;
}
#about_card_color_3{
color: #6e824e; background-color:white;
margin: -167px -15px -73px;
}
#about_card_2{
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 126.02%;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #647942;
}
#about_two_text{
font-style: normal;
font-weight: 300;
font-size: 44px;
line-height: 126.02%;
letter-spacing: -0.01em;
text-transform: uppercase;
/* Medium Green */
color: #647942;
}
#footer_follow{
color: #647942;flex: none;
order: 0;
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 35px;
letter-spacing: -0.005em;
text-transform: uppercase;
}

.card-bg {
    color: #6e824e;
    background-color: #fffcf5;
}

.border_radius_null {
    border-radius: 0px !important;
}

.border-bottom-green {
    border-bottom: #6e824e;
}

.height-80-vh {
    height: 80vh;
}
/* .card-bg-new {
    color: #6e824e;
    background-color: #fffcf5;
}
.card-bg-new:hover {
    color: #6e824e;
    background-color: #6e824e;
}
.card-bg:hover {
    color: #6e824e;
    background-color: #fffcf5;
} */


@media screen and (max-width: 600px) {
    .font-size-banner-h1{
        font-size:8vw !important;
        }
        
        .font-size-banner-h2{
        font-size:4vw !important;
        }
        
        /* Fix slider image cropping on mobile */
        #index_banner, #index_banner_C2, #index_banner_C3 {
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
        }
  }

/* ===== HORIZONTAL SCROLLBAR FIXES ===== */

/* Missing banner-vertical-center-index class */
.banner-vertical-center-index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

/* Special handling for hero sections - allow full width */
.banner-wrapper .banner-vertical-center-index {
    max-width: 100%;
    width: 100%;
    overflow: visible;
}

/* Main hero banner should maintain full dimensions */
#index_banner, #index_banner_C2, #index_banner_C3 {
    max-width: 100% !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Ensure carousel container can expand to full width */
#carouselExampleIndicators {
    width: 100% !important;
    max-width: 100% !important;
}

.carousel-inner {
    width: 100% !important;
    max-width: 100% !important;
}

.carousel-item {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override any Bootstrap constraints */
.carousel {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure banner content can expand */
.banner-content {
    width: 100% !important;
    max-width: 100% !important;
}

/* Global overflow prevention */
* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Container overflow fixes */
.container-fluid {
    max-width: 100%;
    overflow-x: hidden;
}

/* Remove the overly broad rule that was affecting all banners */
/* [id^="index_banner"] {
    width: 100%;
    overflow: hidden;
} */

/* Responsive container adjustments */
@media (max-width: 768px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: hidden;
    }
    
    .banner-vertical-center-index {
        min-height: 50vh;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .col-md-8, .col-md-4, .col-sm-12, .col-xs-8 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .banner-vertical-center-index {
        min-height: 40vh;
    }
    
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Fix for specific problematic elements */
.banner-wrapper {
    width: 100%;
}

.service-wrapper {
    overflow: hidden;
    width: 100%;
}

/* Fix for price input section */
.price-input {
    max-width: 100%;
    overflow: hidden;
}

.price-input .field {
    max-width: 100%;
}

.price-input .separator {
    max-width: 100%;
    overflow: hidden;
}

/* Fix for slider elements */
.slider {
    max-width: 100%;
    overflow: hidden;
}

.range-input {
    max-width: 100%;
    overflow: hidden;
}

.image-fit {
    object-fit: cover;
}

.page-item.active .page-link {
    background-color: #373536;
    border-color: #373536;
}