@font-face {
    font-family: 'safira_march';
    src: url('../fonts/Safira-March-Personal-Use-Only.ttf') format('truetype');
}

:root {
    --primary: #1E5724;
    --secondary: #FBF0DA;
    --lightGreen: #9ECF36;
    --darkGreen: #20360E;
    --softGreen: #45653E;
    --text-primary: #1E5724;
    --text-secondary: #1E1005;
    --antiqueWhite: #FBF0DA;
}
html {
  scroll-behavior: smooth;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
    font-family: "Playfair", serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 14px;
}

.text-primary {
    color: var(--text-primary);
}
.text-secondary {
    color: var(--text-secondary);
}
.text-antiqueWhite {
    color: var(--antiqueWhite);
}
.text-lightGreen {
    color: var(--lightGreen);
}

.font-secondary {
    font-family: "Montserrat", sans-serif;
}
.font-safira {
    font-family: 'safira_march';
}
.bg-primary {
    background-color: var(--primary);
}
.bg-dark-green {
    background-color: var(--darkGreen);
}
.bg-secondary {
    background-color: var(--secondary);
}
.bg-softGreen {
    background-color: var(--softGreen);
}

.btn_primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color:#fff;
    padding: 10px 20px;
}
.btn_primary:hover {
    background-color: var(--lightGreen);
    border-color: var(--lightGreen);
}
.btn_secondary {
    background-color: var(--secondary);
    color: var(--text-primary);
    padding: 10px 20px;
    border: 1px solid var(--primary);
}
.btn_secondary:hover {
    background-color: var(--primary);
    color: #fff;
}

.header_active {
    background: #fff;
}
.header_active .menu_list>li>a {
    color: var(--primary);
}
.header_active .menu_list .contact_btn {
    background-color: var(--primary);
    color:#fff;
}
.header_active .menu_list .contact_btn:hover {
    background-color: var(--lightGreen);
}

.project_detail_section {
    background-image: url('../images/nature-bg-texture.svg');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 340px;
}

.gallery_section_bg {
    background-image: url('../images/nature-bg-texture.svg');
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 340px;
}

/* .gallery_slider_bg .swiper-button-container {
    position: absolute;
    bottom: 0;
    right:0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
} */
.gallery_slider_bg .swiper-button-container .swiper_common_btn {
    /* position: inherit;
    right: inherit;
    left: inherit;
    top: inherit; */
    width: 72px;
    height: 72px;
    background:#fff;
    border-radius: 50%;
    top: inherit;
    bottom: 80px;
    transition: 0.5s all;
}
.gallery_slider_bg .swiper-button-container .swiper_common_btn::after {
    display: none;
}
.gallery_slider_bg .swiper-button-container .swiper_common_btn svg {
    width: 30px;
    transition: 0.5s all;
}
.gallery_slider_bg .swiper-button-container .swiper-button-next {
    right: 100px;
}
.gallery_slider_bg .swiper-button-container .swiper-button-prev {
    left: inherit;
    right: 185px;
}
.gallery_slider_bg .swiper-button-container .swiper_common_btn:not(.swiper-button-disabled):hover {
    background-color: var(--lightGreen);
}
.gallery_slider_bg .swiper-button-container .swiper_common_btn:not(.swiper-button-disabled):hover path {
    stroke: #fff;
}

.flor_plan_back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(32, 54, 14, 0.8) 0%, rgba(32, 54, 14, 0) 100%);
    transition: 0.5s all;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px;
    opacity: 0;
    visibility: hidden;
}
.flor_plan_box:hover .flor_plan_back  {
    opacity: 1;
    visibility: visible;
}

.floor_plan_section_bg {
    background-image: url('../images/half-tree-bg.svg');
    background-position: top right;
    background-repeat: no-repeat;
}
.form-control:focus {
    outline: none;
}

.tel_flag_box .iti__country-container {
    width: 80px;
}
.tel_flag_box .iti__selected-country {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    width:100%;
}
.tel_flag_box .iti__arrow {
    border-top-color: #fff;
}
.tel_flag_box .iti__selected-country-primary:hover {
    background: none !important;
}

.explore_now_circle {
    transition: 0.5s all;
}
.explore_now_circle:hover {
    transform: scale(0.9);
}

.rotate-infinite {
  animation: spin 8s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.explore_arrow_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.header_active #menu-btn svg {
    stroke: var(--primary);
}
.close_svg_icon {
    display:none;
}
.menu_btn_active .close_svg_icon {
    display: block;
}
.menu_btn_active .burger_svg_icon {
    display: none;
}
#menu-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#mobile-menu {
    position: absolute;
    top:92px;
    width: 100%;
    background: #fff;
}