@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,400;1,500;1,600;1,700&display=swap');

:root{
    --white-color: #fff;
    --black-color: #000;
    --black-color-700: #1D1D1D;
    --black-color-500: #737373;
	--primary-color: #C1B281;
    --green-color-200:#a5945c;
}
html {
    overflow-x: hidden;
}
@media (min-width:1200px) {
    .home {overflow: hidden;}
}
.main {overflow: hidden;}
:after,
:before,
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: var(--light-grey-color);
    font-family: 'Raleway', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    background: var(--dark-green-color);
}
::-webkit-scrollbar {
    width: 6px;
}
/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.7);
}

h1, .h1, h2, .h2, .h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 700;
    line-height: 1.2;
}
@media (min-width:1600px){
    h1, .h1 {font-size: 2.7rem;}
    h2, .h2 {font-size: 2.4rem;}
    h3, .h3{font-size: 2rem;}
    h4, .h4 {font-size: 1.625rem;}
    h5, .h5 {font-size: 1.375rem;}
    h6, .h6 {font-size: 1.25rem;}
    p {font-size: 1.2rem; line-height: 1.5;}
}
@media (max-width:1599.99px){
    h1, .h1 {font-size: 3rem;}
    h2, .h2 {font-size: 2.2rem;}
    h3, .h3{font-size: 1.8rem;}
    h4, .h4 {font-size: 1.4rem;}
    h5, .h5 {font-size: 1.25rem;}
    h6, .h6 {font-size: 1.15rem;}
    p {font-size: 1rem; line-height: 2;}
}
@media (max-width:1300px){
    h1, .h1 {font-size: 2.8rem;}
    h2, .h2 {font-size: 2.1rem;}
}
@media (max-width:1200px){
    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.8rem;}
    h3, .h3{font-size: 1.6rem;}
    h4, .h4 {font-size: 1.3rem;}
}
p:last-child {
    margin-bottom: 0;
}
.text-center {text-align: center;}
.text-end {text-align: right;}
.text-start {text-align: left;}
a {text-decoration: none; color: var(--white-color);}
.list-unstyled {list-style:none; padding: 0;  margin: 0; }
img, input, figure {outline: 0!important;}
img {border: 0; height: auto;}
.img-fluid {max-width: 100%;}

/* Flex CSS */
.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center!important;}
.justify-content-end {justify-content: end;}
.justify-content-start {justify-content: start;}
.justify-content-between {justify-content:space-between;}
.flexCenter {display: flex; align-items: center; justify-content: center;}
/* End Flex CSS */

.theme-btn {border: 1px solid var(--light-grey-color); color: var(--light-grey-color); font-size: 1.125rem; text-align: center; font-weight: 700; min-width: 164px; text-transform: capitalize; padding: 15px 16px; display: inline-block; opacity: .9; pointer-events: auto; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.theme-btn span {color: var(--light-grey-color); text-decoration: none;}
.theme-btn svg {margin-left: 8px; width: 16px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.theme-btn:hover span{text-decoration: underline; opacity: 1;}
.theme-btn:hover svg{transform: translateX(5px); -webkit-transform: translateX(5px);}

.btn {text-align: center; display: inline-block; cursor: pointer;}
.btn-sm {min-width: 100px; font-size: .90rem; text-align: center; display: inline-block; padding: 10px; min-height: 46px; }
.btn-md {min-width: 160px; font-size: 1rem; min-height: 48px; cursor: pointer; padding: 10px; text-decoration: underline;}
.btn-primary {}
.btn-outline-primary {
    background: transparent;
    color: var(--light-grey-color);
    border: 1px solid var(--light-grey-color);
    text-transform: capitalize;
}
.btn-outline-primary:hover {
    text-decoration: none;
}

@media (max-width:1600px){
    .theme-btn {font-size: 1rem; padding: 14px 12px; min-width: 150px;}
}

@media (max-width:767px){
    .theme-btn {font-size: .90rem; padding: 10px; min-width: 136px;}
    .theme-btn svg{width: 13px;}
}

.position-relative {position: relative;}
.fw-normal {font-weight: 400!important;}
