:root {
    --sand: #EEE2D8;
    --caribeanblue: #5961C4;
    --leafgreen:#465422;
    --woodgreen:#1F2600;
    --mudgreen: #9E8E30;
    --sunrisered: #FF3300;
}

/* fonts */
@font-face {
    font-family: AshburyLight;
    src: url(/fonts/Ashbury\ W01\ Light.ttf);
}

@font-face {
    font-family: AshburyRegular;
    src: url(/fonts/Ashbury\ W01\ Regular.ttf);
}

@font-face {
    font-family: AshburyExtraLight;
    src: url(/fonts/Ashbury\ W01\ ExtraLight.ttf.ttf);
}

@font-face {
    font-family: Akshar;
    src: url(/fonts/Akshar-Regular.ttf);
}

@font-face {
    font-family: Karrik;
    src: url(/fonts/Karrik-Regular.otf);
}

@font-face {
    font-family: KarrikItalic;
    src: url(/fonts/Karrik-Italic.otf);
}
.ashburylight {font-family: AshburyLight;}
.akshar {font-family: Akshar;}
.ashburyelight {font-family: AshburyExtraLight;}
.ashburyregular {font-family: AshburyRegular;}
.karrik {font-family: Karrik;}
.karriki {font-family: KarrikItalic;}

h1 {text-align: center;
    font-size: 62px;
    font-style: normal;
    font-weight: 300;
    line-height: 70.4px;
    letter-spacing: -3px;
    text-transform: uppercase;}

h3 {
    font-size: 56.36px;
    font-style: normal;
    font-weight: 400;
    line-height: 58.7px; /* 104.152% */
    text-transform: uppercase;
}
h4 {font-size: 46.36px;line-height: 58.7px;}

p{
    font-size: 18px;
font-style: normal;
font-weight: 200;
line-height: 28px;
}


/* colors tricks */
.text-sand {color: var(--sand)!important;}
.text-mudgreen {color:var(--mudgreen)!important;}
.text-leafgreen {color:var(--leafgreen)!important;}
.text-mudgreen {color: var(--mudgreen)!important;}

.bg-sand {background-color: var(--sand)!important;}
.bg-leafgreen {background-color: var(--leafgreen) !important;}
.bg-woodgreen{background-color: var(--woodgreen)!important;}
.bg-mudgreen {background-color: var(--mudgreen)!important;}

.bg {background-repeat: no-repeat!important;background-position: center!important;background-size: cover!important;background-attachment: fixed!important;}
.woodgreen-filter {position: relative;}
.woodgreen-filter::after {content: "";width: 100%;height: 100%;background: rgba(31, 38, 0, .3);position: absolute;z-index: 1;}

.bg-partial-sand-wgreen {background: linear-gradient(90deg, var(--sand) 70%, var(--woodgreen) 30%);}

nav a.nav-link {color: var(--sand)!important;position: relative;font-family: Akshar;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
nav a.nav-link.active::after {position:absolute;content:"";height: 1px;background-color: var(--sand);width:100%;left:0;top:50%;}
nav.custom-bg {background-color: rgba(0, 0, 0, .5) !important;}
nav {transition: all .5s ease-in-out;}

#tmcarousel div.carousel-indicators {justify-content: left!important;align-items: center;}
#tmcarousel div.carousel-indicators button{border-radius: 50%!important;width:.7rem!important;height: .7rem!important;position: relative!important;}
#tmcarousel div.carousel-indicators button.active {background: transparent!important;border:2px solid var(--caribeanblue) !important;width:.5rem!important;height: .5rem!important;}
#tmcarousel div.carousel-indicators button.active::after {position:absolute;content:"";height: 3px;background-color: var(--caribeanblue);width: 1.2rem;left:-.4rem;bottom:40%;}
#tmcarousel div.carousel-inner::after {content: "";width: 100%;height: 100%;background: rgba(31, 38, 0, .3);position: absolute;z-index: 1;}

#devtmcarousel div.carousel-indicators button{border-radius: 50%!important;width:.7rem!important;height: .7rem!important;position: relative!important;}
#devtmcarousel div.carousel-indicators {justify-content: left!important;align-items: center;}
#devtmcarousel button.carousel-control-prev, #devtmcarousel button.carousel-control-next {top:unset!important;left: unset;margin-left: auto;right: 0;display: block;position: relative;border-radius: 50%;background-color: var(--mudgreen);width: 2.5rem;height: 2.5rem;display: flex;justify-content: center;margin: auto .2rem;}

#devtmcarousel2 div.carousel-indicators button{border-radius: 50%!important;width:.7rem!important;height: .7rem!important;position: relative!important;}
#devtmcarousel2 div.carousel-indicators {justify-content: center!important;align-items: center;}
#devtmcarousel2 button.carousel-control-prev, #devtmcarousel2 button.carousel-control-next {top:unset!important;left: unset;margin-left: auto;right: 0;display: block;position: relative;border-radius: 50%;background-color: var(--mudgreen);width: 2.5rem;height: 2.5rem;display: flex;justify-content: center;margin: auto .2rem;}

.btn-tm-red {font-family: Akshar;font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px;border: 1px solid var(--sunrisered);border-radius: 40px;padding: 16px 30px;width:100%;color:var(--sand);text-decoration: none;display: block;text-align: center;}
.btn-tm-mudgreen {font-family: Akshar;font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px;border: 1px solid var(--mudgreen);border-radius: 40px;padding: 16px 30px;width:100%;color:var(--mudgreen);text-decoration: none;display: block;text-align: center;}
.btn-tm-white {font-family: Akshar;font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px;border: 1px solid white;border-radius: 40px;padding: 16px 30px;width:100%;color:white;text-decoration: none;display: block;text-align: center;}

ol {column-count: 5;column-gap: 20px;}
ol li {margin:.5rem auto;font-size: 15.99px;line-height: 17.59px;}
ul {column-count: 3;column-gap: 20px;}

/* form */
fieldset label {font-weight:600;}
fieldset input, fieldset select, fieldset textarea {background:transparent;border:1px solid var(--mudgreen); border-radius:8px;padding-top: 7px!important;padding-bottom:7px;margin-bottom: 1rem!important;}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {outline:none;border:1px solid var(--mudgreen);}
input[type="submit"] {width:85%;background:var(--mudgreen);color:var(--sand);display:block;border-radius:9px;padding:9px 50px 9px 50px;border:none;}
ul li {list-style:none;}
input[type="checkbox"]:checked {background-color: #82DE77;border-color: #82DE77;background:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
li label.hs-error-msg {position:absolute;background:black;color:var(--sunrisered);padding:1rem;margin-top: -6.5rem;}
ul.hs-error-msgs label::after {position:absolute;background:black;width:1rem;height:1rem;content:"";left:.5rem;bottom:-.3rem;transform:rotate(60deg);}

.splide__slide img {width: 40%;}
.position-sm-absolute {position: absolute;}
.contact {
    font-size: 33px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.083px;
}


@media screen and (max-width: 680px) {
    .bg-partial-sand-wgreen {background: var(--sand) !important;}
    h1 {font-size: 2rem;line-height:2rem;}
    h3 {font-size: 2rem;line-height:2rem;}
    h4 {font-size: 2rem;}
    ol, ul {column-count: 2;column-gap: 30px;}
    .position-sm-absolute {position: relative;}
    .splide__slide img {width: 80%;}
    .contact {font-size: 2rem;word-break: break-all;}
}