@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

@import url('https://fonts.cdnfonts.com/css/uber-move-text');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/*
font-family: 'Uber Move Text', sans-serif;
*/


@font-face {
    font-family: 'BAD GRUNGE';
    src: url('../fonts/BAD GRUNGE.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UberMoveBold';
    src: url('../fonts/UberMoveBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UberMoveMedium';
    src: url('../fonts/UberMoveMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --theme-color: #2B572A;
    --black: #21293C;
    --white: #fff;
    --paragraph: #efefef;
    --green: #006D20;
    --bg1: #FBE4DC;
    --bg2: #FFD3B4;
    --bg3: #FDEEE2;
    --footer_bg: #21293C;
}

* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    /*background-color: #050B06;*/
    background-color: #131d14;
    font-family: 'UberMoveMedium';
}

/*::selection {
    background-color: #D4DC27;
    color: #fff;
    text-shadow: none;
}*/

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'UberMoveMedium';
}

p {
    font-family: 'UberMoveMedium';
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: var(--paragraph);
    font-weight: 500;
    line-height: 26px;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
    border: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

.p-80 {
    padding: 80px 0;
}

.p-100 {
    padding: 100px 0;
}

.title1 h1 {
    font-size: 158px;
    color: var(--white);
    line-height: normal;
}

.title2 h2 {
    font-size: 100px;
    color: var(--black);
    margin: 0 0 10px;
    position: relative;
    line-height: normal;
}

.title3 h3 {
    font-family: "Anton", sans-serif;
    font-size: 75px;
    color: var(--green);
    font-weight: 500;
    line-height: 82px;
    margin: 0 0 10px;
    transition: 0.6s;
    text-transform: uppercase;
}



/*.title4 h4 {
    font-size: 60px;
    color: var(--black);
    margin: 15px 0;
    transition: 0.6s;
    line-height: 60px;
}*/
.title5 h5 {
    font-size: 34px;
    color: var(--black);
    margin: 0;
    transition: 0.6s;
    line-height: 34px;
}

.title6 h6 {
    font-size: 16px;
    color: var(--paragraph);
    font-weight: 500;
    margin-bottom: 0px;
    transition: 0.6s;
}

.btn01 {
    font-size: 17px;
    font-family: 'UberMoveMedium';
    padding: 14px 35px;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: normal;
    background-color: transparent;
    border: 1px solid #fff;
    position: relative;
    border-radius: 8px;
    text-transform: uppercase;
    transition: 0.6s;
	position: relative;
  z-index: 9;
}

.btn01:hover {
   background-color: var(--green);
   color: var(--white);
   border-color: var(--green);
}



/*// backToTop //*/
#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    padding: 5px;
    background: linear-gradient(to bottom, #2328111a, #006d20);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgb(60 124 51);
    transition: 0.6s;
}
#backToTop .fa-arrow-up { font-size: 18px; color: #fff; top: -1px; position: relative; }
#backToTop:hover { background-color: #f15c5a; transform: scale(1.1); }
#backToTop:hover svg { transform: translateY(-3px); }
/*// backToTop //*/

.form-select:focus {
    box-shadow: none;
}

a {
    text-decoration: none;
}

.text_tag h6 {
    font-size: 20px;
    color: var(--tag);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
}



/* ======================================================================= */
    /* header start */
/* ======================================================================= */

/*.headerarea {
    box-shadow: none;
    padding: 10px 0;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 11;
}

.headerarea .logo {
    width: 100%;
    max-width: 225px;
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
    z-index: 1;
}

.navarea {
    width: 85%;
    margin: 0 auto;
}


.headerarea.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #182e1f94;
    padding: 10px 0px;
    z-index: 3333;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.headerarea.fix .logo {
    max-width: 135px;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.nav-menus-wrapper ul li:nth-of-type(3) {
    margin-left: 450px;
}

.nav-menus-wrapper {
    margin-top: 45px;
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
    
}*/


/**/
/*-- header area start --*/
.headerarea {
    box-shadow: none;
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    top: 25px;
    margin: 0 auto;
}

.headerarea .logo {
    width: 100%;
    max-width: 225px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    margin: auto;
    padding: 0px 10px;
}

/*.headerarea .logo::before {
    content: '';
    position: absolute;
    top: 40px;
    left: -275%;
    width: 740px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/leftline.png);
    z-index: -1;
}

.headerarea .logo::after {
    content: '';
    position: absolute;
    top: 40px;
    right: -275%;
    width: 740px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/rightline.png);
    z-index: -1;
}*/

.menu {
    width: 100%;
    text-align: center;
    position: relative;
    top: 30px;
}

.headerarea .logo img {
    width: 100%;
    object-fit: cover;
}

.headerarea .header-contact .call {
    width: 100%;
    min-width: 43px;
    max-width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F6F7FB;
    background-color: #F6F7FB;
    color: #000000;
    border-radius: 100%;
    margin-left: 10px;
    transition: 0.5s;
}

.headerarea .header-contact .call:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.headerarea.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 91;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    background-color: #131d14a3;
    padding: 10px 0;
}

.header-right .header-contact .btn {
    margin-right: 10px;
}

.headerarea.fix .menu {
    top: 0;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*menu CSS
--------------------------------------------------------------------------------------------------*/

.menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.menu ul li {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    position: relative;
    vertical-align: middle;
    position: relative;
}

.menu ul li:after {
    content: "";
    position: absolute;
    top: 31px;
    right: -1px;
    width: 2px;
    height: 16px;
    background-color: #fff;
}

.menu ul li:last-child:after  {
    display: none;
}

.menu ul li:nth-child(3):after  {
    display: none;
}

.menu ul li.active {
    position: relative;
}



.menu ul li:nth-of-type(4) {
    margin-left: 270px;
}

.menu ul li.active::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    max-width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/menu-active-shape.svg);
}

.menu ul li span {
    position: absolute;
    top: 45%;
    right: 10px;
}

.menu ul li span::after {
    content: '\2b';
    color: #000000;
    font-family: FontAwesome;
    font-size: 10px;
}

.menu ul li:hover span::after {
    color: #f7c624;
}

.headarea.innerheader .menu ul li a {
    color: #000;
}

.menu ul li a {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    padding: 25px 0px;
    margin: 0 22px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    letter-spacing: 1px;
}

.menu ul li a:hover, .menu ul li.active a {
    color: #00e744;
}

.menu ul li.active a::after {
    width: 100%;
}

.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}

.menu ul li:hover ul li a:hover {
    color: #000;
    background-color: #f7c624;
}

.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 4px 15px rgb(0 0 0 / 3%);
}

.menu ul ul li:first-child:before {
    display: none;
}

.menu ul ul li:after {
    display: none;
}

.menu ul li:last-child ul {
    width: 220px;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    box-shadow: 0px 5px 14px rgb(0 0 0 / 2%);
    text-align: left;
}

.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 12px 15px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
}

.menu ul li ul li ul {
    top: 10px;
    left: 149px;
}

.menu ul li ul li span {
    right: 7px;
    top: 12px;
}

.menu ul li a:hover.menu ul li ul {
    display: block;
}

.menu ul li ul li {
    display: block;
    padding: 0;
    border-bottom: solid 1px rgb(255 255 255 / 7%);
    border-right: none;
}

.menu ul li ul li:last-child {
    border: none;
}

.menuButton {
    width: 40px;
    height: 35px;
    padding: 5px;
    float: right;
    display: none;
}

.menuButton span {
    width: 100%;
    height: 2px;
    background: #fff;
    margin-bottom: 6px;
    float: left;
    transition: all 0.3s ease-in-out 0s;
}

.menuButton span:last-child {
    margin-bottom: 0;
}

@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }

    .menu ul li:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}

@media (max-width:991.98px) {
    .menuButton {
        display: block;
        margin-left: 15px;
        cursor: pointer;
    }

    .menu ul li span {
        background: url(../images/menu_arrow.png) center center no-repeat;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 99;
    }

    .menu ul li:hover span {
        background: url(../images/menu_arrow_hover.png) center center no-repeat;
    }

    .arrow_change span:nth-child(2) {
        display: none;
    }

    .arrow_change span:first-child {
        position: relative;
        top: 9px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .arrow_change span:last-child {
        position: relative;
        top: 1px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .menuBar {
        padding: 15px 0;
    }

    .menu {
        padding: 5px 0;
    }

    .menu ul {
		display: none;
		background-color: #131d14;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 99;
	}

    .menu ul li a {
        color: #fff;
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .menu ul li ul {
        display: none;
        background-color: #e1e1e1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 0;
        visibility: initial;
        opacity: 1;
    }

    .menu ul li:last-child ul {
        display: none;
        background-color: #e1e1e1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .menu ul li {
        display: block;
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #dfffe230;
        text-align: left;
        position: relative;
    }

    .menu ul li span {
        position: absolute;
        right: 30px;
        z-index: 99;
        cursor: pointer;
        top: 12px;
        text-align: center;
    }

    .menu ul li ul li ul {
        top: 0;
        left: 0;
    }

    .menu ul li ul li a {
        font-size: 12px;
        text-transform: none;
        background-color: #e1e1e1;
        padding: 8px 12px;
        color: #000;
    }
}

.header-contact .mobile-ligin-dropdown {
    display: none;
}

.headerarea.fix .logo {
    max-width: 140px;
    top: 12px;
}



/* ======================================================================= */
    /* banner_sec start */
/* ======================================================================= */
/*.spacer {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    opacity: 0.5;
}

.scroll-section {
    position: relative;
    overflow: hidden;
}

.scroll-title {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    padding: 3rem 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.slider-container {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.slider-wrapper {
    display: flex;
    gap: 0;
    will-change: transform;
}

.slide {
    flex-shrink: 0;
    width: 100vw;
    height: 100vh;
    position: relative;
    cursor: pointer;
}

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

.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4rem;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
}

.slide-title {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(50px);
}

.slide-desc {
    font-size: 1.2rem;
    opacity: 0;
    transform: translateY(30px);
}

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transform: scaleX(0);
    transform-origin: left;
    z-index: 1000;
}

.scroll-indicator {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: 0.6;
    animation: bounce 2s infinite;
    z-index: 100;
}

.scroll-indicator span {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.scroll-arrow {
    width: 30px;
    height: 30px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

.slide-number {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 1rem;
    opacity: 0.7;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    z-index: 10;
}

@media (max-width: 768px) {
    .scroll-title {
        font-size: 2rem;
        padding: 2rem 1rem;
    }

    .slide-content {
        padding: 2rem;
    }

    .slide-title {
        font-size: 2rem;
    }

    .slide-desc {
        font-size: 1rem;
    }

    .slide-number {
        font-size: 0.9rem;
        top: 1rem;
        right: 1rem;
    }
}

@media (max-width: 480px) {
    .scroll-title {
        font-size: 1.5rem;
    }

    .slide-content {
        padding: 1.5rem;
    }

    .slide-title {
        font-size: 1.5rem;
    }

    .slide-desc {
        font-size: 0.9rem;
    }
}*/



/* ======================================================================= */
    /* adventure_sec start */
/* ======================================================================= */
.adventure_sec {
    width: 100%;
    padding: 80px 0 150px;
    position: relative;
}



/*.adventure_sec:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}*/

.adventure_sec:after {
    content: '';
    /*background-image: url(../images/shade1.png);*/
    position: absolute;
    left: 0;
    right: 0;
    top: -250px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
    /*background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;*/
}

.adventure_sec .title3 {
    width: 75%;
    margin: 0 auto 50px;
}

.main_imgaccordion { display: flex; flex-direction: row; width: 100%; height: 450px; gap: 15px; width: 100%; }
.main_imgaccordion .small_title {
    flex-basis: 75%;
    flex-shrink: 0;
}
.main_imgaccordion .itemtag {
    padding: 8px 20px;
    margin-right: 0;
}
.main_imgaccordion .go_circle {
    width: 95px;
    height: 95px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #ffffff4a;
    opacity: 1;
    z-index: 1;
    transition: 0.6s;
}

.main_imgaccordion .go_circle .fa-arrow-right {
    color: #000;
    font-size: 20px;
}

.main_imgaccordion .go_circle small {
    color: #000000;
    font-size: 12px;
    font-weight: 600;
}

.column:hover .go_circle {
    background-color: #fff;
}

@media(max-width:1024px) {
    .main_imgaccordion {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }
}

.main_imgaccordion .column {
    /*width: 45%;*/
    width: 100%;
    border: 1px solid #455848;
    transition: width 0.5s;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
    border-radius: 20px;
    padding: 15px;
    transition: 0.6s;
}

.main_imgaccordion .column:hover .columnpic img {
    filter: blur(3px);
    transition: 0.6s;
}

.main_imgaccordion .columnpic {
    width: auto;
    height: 420px;
    position: relative;
    display: flex;
    overflow: hidden;
}

.main_imgaccordion .columnpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    /*filter: blur(8px);*/
}

.columnpic_text {
    width: 100%;
    height: 100%;
    padding: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #000000d9;
    transition: 0.6s;
    opacity: 0;
}

.columnpic_text:hover {
    opacity: 1;
}

.icon_circle {
    width: 75px;
    height: 75px;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 50%;
    border: 1px solid #ababab;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon_circle img {
    max-width: 42px;
    object-fit: contain !important;
    filter: inherit !important;
}

.columnpic_text h4 {
    font-size: 17px;
    color: #efefef;
    margin-bottom: 15px;
    transition: 0.6s;
    font-weight: 300;
}

.columnpic_text h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    transition: 0.6s;
    font-weight: 600;
}

.columnpic_text p {
    font-size: 17px;
}

.columnpic_text p {
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.columnpic_text a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    transition: 0.6s;
}

.columnpic_text a:hover {
    color: #00ab32;
}

.columnpic_text a span i {
    font-size: 22px;
    vertical-align: text-top;
    transform: rotate(-45deg);
}

.char {
    transform: translateY(115px);
    transition: transform .5s;
}


.first_slide .owl-nav button.owl-prev, .first_slide .owl-nav button.owl-next { background-color: #fff; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; color: #345C7E; font-size: 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23); pointer-events: all; }
.first_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.first_slide .owl-nav button.owl-prev span::after { content: '\f104'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.first_slide .owl-nav button.owl-prev:hover span::after { content: '\f104'; color: #fff !important; }
.first_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.first_slide .owl-nav button.owl-next span::before { content: '\f105'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.first_slide .owl-nav button.owl-next:hover span::before { content: '\f105'; color: #fff !important; }
.first_slide .owl-nav button.owl-prev { left: -30px; position: relative;}
.first_slide .owl-nav button.owl-next { right: -30px; position: relative;}
.first_slide .owl-nav { position: absolute; bottom: -100px; display: inline-flex; left: 0; justify-content: center; width: 100%; pointer-events: none;}
.first_slide .owl-nav button.owl-prev:hover, .first_slide .owl-nav button.owl-next:hover { background: #006d20; border: 1px solid #006d20; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .first_slide .owl-dots.disabled, .owl-carousel .first_slide .owl-nav.disabled { display: block !important; }


.reveal-title {
    opacity: 0;
    transform: translateY(30px);
}

.first_slide .owl-dots .owl-dot span {
    margin: 3px 4px;
}

.first_slide .owl-dots {
    margin-top: 60px;
}

.first_slide  .owl-dots .owl-dot.active span, .first_slide  .owl-dots .owl-dot:hover span {
    background: #006c20;
}





/*.main_imgaccordion .column:nth-child(1) {
    background-image: url('../images/pic1.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}

.main_imgaccordion .column:nth-child(2) {
    background-image: url('../images/pic2.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}

.main_imgaccordion .column:nth-child(3) {
    background-image: url('../images/pic3.jpg');
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}*/

/*@media(max-width:1024px) {
    .main_imgaccordion .column:nth-child(1) {
        border-radius: 10px 10px 0px 0px;
    }

    .main_imgaccordion .column:nth-child(4) {
        border-radius: 0px 0px 10px 10px;
    }
}

@media screen and (min-width: 1025px) {
    .main_imgaccordion .expanded {
        width: 120% !important;
        border: 1px solid #455848;
        background-color: #0a120c;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 20px;
        padding: 15px;
        border-radius: 20px;
    }
}

@media (max-width: 1024px) {
    .main_imgaccordion .column {
        width: 100%;
        transition: height 0.5s;
        height: 120px;
    }

    .main_imgaccordion .expanded {
        height: 400px !important;
    }
}*/
/*.main_imgaccordion .expanded:after { content: ''; background: #000000; background: linear-gradient(180deg, rgba(0, 115, 184, 0) 0%, rgb(0 0 0 / 90%) 100%); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; pointer-events: none; } */
.main_imgaccordion .inner-element {
    opacity: 0;
    transition: opacity 0s;
    z-index: 2;
    padding: 20px;
    background: transparent;
    position: relative;
    left: 0;
    bottom: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    display: none;
}

.main_imgaccordion .small_title h4 {
    color: #fff;
}

.main_imgaccordion .small_title p {
    color: #e3e3e3;
}

.main_imgaccordion .inner-element.active {
    opacity: 1;
    transition: opacity 0.5s 0.4s;
}

.main_imgaccordion .main_imgaccordion .icons.active {
    display: none;
}

.main_imgaccordion .btm_titleBox {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.main_imgaccordion .btm_titleBox.active {
    opacity: 0;
}

.main_imgaccordion .btm_titleBox h5 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}

.main_imgaccordion .expanded .btm_titleBox {
    display: none;
}
/*main_imgaccordion end*/











/* ======================================================================= */
    /*  start */
/* ======================================================================= */


/* ======================================================================= */
    /* start */
/* ======================================================================= */





/* ======================================================================= */
    /* vdo_sec start */
/* ======================================================================= */
.vdo_sec {
    width: 100%;
    height: auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.vdo_sec .newshade {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(180deg, rgb(19 29 20) 0%, rgba(19, 29, 20, 0) 100%);
    z-index: 1;
    top: 0;
}

/*.vdo_sec:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    height: 100px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}*/

.vdo_sec:after {
    /*content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/shadow3.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;*/
    content: '';
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 115, 184, 0) 0%, rgb(5 11 6) 100%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*pointer-events: none;*/
}

.vdo_sec .title3 {
    position: relative;
    z-index: 1;
}

.vdo_secright {
    width: 100%;
    position: relative;
    z-index: 1;
}

.vdo_card {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}

.vdo_cardpic {
    width: 300px;
    height: 215px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

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

.vdo_card h6 {
    width: 100%;
    padding: 8px 6px;
    background-color: #00000080;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

/*video-play-button start*/
.vdo_image {
    width: 215px;
    height: 165px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}
.vdo_image img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.vdo_image:hover img { transform: scale(1.1); }
.video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #8CC63A; */ border-radius: 50%; padding: 18px 20px 18px 28px; }
.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: rgb(255 255 255 / 82%); border-radius: 50%; animation: pulse-border 1100ms ease-out infinite; }
.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgb(255 255 255 / 44%); border-radius: 50%; transition: all 200ms; }
.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 19px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 10px; left: 5px; }
/*.video-play-button .fa-play { font-size: 25px; color: #fff; position: relative; z-index: 2; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }*/
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
/*video-play-button end*/










/* ======================================================================= */
    /* tor_sec start */
/* ======================================================================= */
.tor_sec {
    width: 100%;
/*     padding: 350px 0 100px; */
	padding: 0px 0 100px;
    position: relative;
}

.tor_sec .newshade2 {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 190px;
    width: 100%;
    background: #131D14;
    background: linear-gradient(360deg, rgb(5 11 6) 0%, rgba(19, 29, 20, 0) 100%);
}
.tor_sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/shape1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.tor_sec .title3 {
    width: 77%;
    margin: 0 auto 50px;
}

.tor_secpic {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.tor_secpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: luminosity;
    display: block;
    transform-origin: center;
}

.btmtext {
    width: 100%;
    padding: 10px;
    position: relative;
    background: #2A7B9B;
    background: -webkit-linear-gradient(0deg, rgba(42, 123, 155, 1) 0%, rgba(13, 21, 14, 1) 0%, rgba(19, 29, 20, 0.29) 100%);
    background: -moz-linear-gradient(0deg, rgba(42, 123, 155, 1) 0%, rgba(13, 21, 14, 1) 0%, rgba(19, 29, 20, 0.29) 100%);
    background: linear-gradient(0deg, rgba(42, 123, 155, 1) 0%, rgba(13, 21, 14, 1) 0%, rgba(19, 29, 20, 0.29) 100%);
}

.btmtext p {
    font-size: 15px;
}

/* gsap 2 */
.home-container {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 100vh;
    width: 100%;
}

/*.home-container video {
    width: 100%;
}

.video-content {
    position: absolute;
    top: 65%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-content h1{
    font-size: 34px;
    color: #ffffff;
}

.video-content p{
    font-size: 18px;
    color: #000000;
}*/

/* ======================================================================= */
    /* our_event start */
/* ======================================================================= */
.our_event {
    width: 100%;
    background-color: #050B06;
    position: relative;
    padding-top: 0 !important;
}

.our_event:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    height: 200px;
    width: 100%;
    z-index: -1;
    
}

.our_event .title3 {
    width: 90%;
    margin: 0 auto 50px;
}

.our_event_card {
    width: 100%;
    position: relative;
    transition: 0.6s;
}

.our_event_card:hover .action_btn .fa-arrow-right {
    color: #fff;
}

.our_event_card:hover .action_btn {
    background-color: #000;
}

.our_event_cardpic {
    height: 350px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.our_event_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.our_event_cardpic:hover img {
    transform: scale(1.1);
}

.event_text {
    width: 90%;
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
    transition: 0.6s;
}

.event_text h4 {
    font-size: 18px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.action_btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    transition: 0.6s;
    flex-basis: 34px;
    flex-shrink: 0;
}

.action_btn .fa-arrow-right {
    font-size: 17px;
    color: #000;
    transform: rotate(45deg);
    transition: 0.6s;
}

.event_text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.our_event .btn02 {
    background-color: var(--green);
    border: 1px solid var(--green);
    color: #fff;
}

.our_event .btn02:hover {
    background-color: #243726;
    border-color: #243726;
    color: #fff;
}

/* ======================================================================= */
    /* offroad_sec start */
/* ======================================================================= */
.offroad_sec {
    width: 100%;
    height: 100%;
    padding: 250px 0;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.offroad_sec .newshade {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient( 180deg, rgb(5 11 6) 0%, rgba(19, 29, 20, 0) 100%);
    z-index: 1;
    top: 0;
}

.offroad_sec .newshade2 {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient( 360deg, rgb(5 11 6) 0%, rgba(19, 29, 20, 0) 100%);
    z-index: 1;
}

.offroad_sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/shadow1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.offroad_sec_text {
    width: 50%;
    margin-left: auto;
    position: relative;
    z-index: 1;
}

.offroad_sec_textpic img {
    max-width: 80%;
    object-fit: contain;
}

.calender_row {
    width: 80%;
    position: relative;
    margin-left: auto;
    margin-top: 50px;
    z-index: 1;
}

.calender_row:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -125px;
    right: 0;
    width: 190%;
    height: 70px;
    background-image: url(../images/shape2.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.calender_circle {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calender_circle img {
    max-width: 24px;
    object-fit: contain;
}

.calender_row h5 {
    font-family: 'UberMoveMedium';
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ======================================================================= */
    /* about_bro start */
/* ======================================================================= */
.about_bro {
    width: 100%;
    height: 1000px;
    padding: 100px 0 0px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
    align-items: center;
}

.about_bro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 500px;
    background-image: url(../images/about_shade.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_bro p {
    margin: 15px 0 25px;
}

.about_bro .title3 {
    position: relative;
    z-index: 1;
}

.about_bropic {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    
}

.about_bropic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.6s ease, filter 0.4s ease;
    transform-origin: center;
}

.about_bropic img:hover {
    transform: translateY(-12px) scale(1.03);
    filter: drop-shadow(0px 8px 15px rgba(0,0,0,0.25));
}

.about_bropic img {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}







/* ======================================================================= */
    /* footer_sec start */
/* ======================================================================= */
.footer_sec {
    width: 100%;
    height: 100%;
    padding: 300px 0 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.footer_sec .logo {
    max-width: 225px;
    object-fit: contain;
    margin: 0 auto 50px;
}

.ftr_menu {
    width: 90%;
    margin: 0 auto;
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    padding: 15px 0;
    text-align: center;
}

.gradient-line {
    display: block;
    border: none;
    height: 1px;
    background: #d9d9d9a8;
    background: linear-gradient(to right, #ffffff00, #d9d9d9a8, #d9d9d9a8, #d9d9d9a8, #ffffff00);
}

.ftr_menu ul {
    padding: 20px 0;
    margin: 0;
    list-style: none;
}

.ftr_menu ul li {
    display: inline-block;
}

.ftr_menu ul li a {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    transition: 0.6s;
}

.ftr_menu ul li a:hover {
    color: #006d20;
}

.ftr_menu ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 25px;
    background-color: #fff;
}

.ftr_menu ul li a:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 2px;
    height: 17px;
    background-color: #fff;
}

.ftr_menu ul li:last-child a:after {
    display: none;
}

.action_grid {
    width: 80%;
    margin: 35px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
}

.action_card {
    width: 100%;
    padding: 0 15px;
}

.action_card h6 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px;
}

.action_card h4 {
    font-family: "Anton", sans-serif;
    font-size: 34px;
    color: #fff;
}

.footer-social { display: flex; position: relative; overflow: hidden; }
.footer-social li { margin: 0px 4px; }
.footer-social li a {
    width: 100%;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #ffffff;
    transition: 0.5s;
    text-decoration: none;
}
.footer-social li a:hover { background-color: #006d20; color: #fff; border-color: #006d20;}
.copyright { width: 100%; background-color: #243726; padding: 20px 0; }
.copyrightin { display: flex; align-items: center; justify-content: center; }
.copyright p { color: #fff; font-weight: 400; text-align: right; margin-bottom: 0; }

.mView {
    display: none;
}

.dView {
    display: block;
}


/* ======================================================================= */
    /* roadmap start */
/* ======================================================================= */
.roadmap {
    width: 100%;
    padding: 120px 0 120px;
    position: relative;
}

.roadmap:before {
    content: "";
    position: absolute;
    bottom: -210px;
    left: 0;
    right: 0;
    width: 100%;
    height: 675px;
    background-image: url(../images/shape3.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.roadmap .nav {
    justify-content: center;
    gap: 15px;
    margin-bottom: 70px;
}

.roadmap .nav-linkpic {
    width: 200px;
    height: 140px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.roadmap .nav-linkpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    opacity: 0.5;
    transform: scale(1);
    transition: 0.3s ease;
    border: 3px solid var(--green);
}

.roadmap .nav-link {
    padding: 0;
}

.roadmap .nav-pills .nav-link.active, .roadmap .nav-pills .show>.nav-link {
    background-color: #fff;
    position: relative;
    border-radius: 15px;
}

.nav-link.active .nav-linkpic img {
    opacity: 1;
    transform: scale(1.08);
    border-color: #ffc107; 
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
}

.roadmap .tab-contentpic {
    width: 95%;
    height: 500px;
    position: relative;
    display: flex;
    padding: 15px;
    border: 1px solid #5E5E5E;
    border-radius: 25px;
    overflow: hidden;
    background-color: #131d14;
}

.roadmap .tab-contentpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bigmap {
    width: 100%;
    height: 550px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 50px;
}

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




/* ======================================================================= */
    /* mauris_sec start */
/* ======================================================================= */
.mauris_sec {
    width: 100%;
    background-color: #1a2f1d;
    padding: 50px 0 100px;
    position: relative;
    z-index: 1;
}
.mauris_sec:before {
    content: "";
    position: absolute;
    top: -495px;
    left: 0;
    right: 0;
    width: 100%;
    height: 675px;
    background-image: url(../images/shape3.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
	display: none;
}

.mauris_sec .title3 p {
    margin-top: 15px;
}

.mauris_sec ul {
    margin-top: 25px;
}

.mauris_sec ul li {
    display: inline-block;
    font-size: 15px;
    color: #FF8800;
    font-weight: 400;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.mauris_sec ul li img {
    max-width: 17px;
    object-fit: contain;
    margin-right: 8px;
}

.mauris_sec ul li:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 3px;
    width: 1px;
    height: 16px;
    background-color: #FF8800;
}

.mauris_sec ul li:last-child:after {
    display: none;
}

.mauris_sec ul li:nth-of-type(2) img {
    max-width: 25px;
    object-fit: contain;
}

.mauris_secpic {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;   
}

.mauris_secpic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.6s ease, filter 0.4s ease;
    transform-origin: center;
}

.mauris_secpic img:hover {
    transform: translateY(-12px) scale(1.03);
    filter: drop-shadow(0px 8px 15px rgba(0,0,0,0.25));
}

.mauris_secpic img {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.mauris_btm {
    width: 100%;
    margin-top: 30px;
}

.mauris_btmpic {
    width: 100%;
    height: 190px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.mauris_btmpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.mauris_btmpic:hover img {
    transform: scale(1.1);
}

/* modal start */
.modal-dialog {
    max-width: 28%;
    margin-right: auto; 
    margin-left: auto; 
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-body h4 {
    font-size: 34px;
    font-weight: 500;
    color: var(--black);
    text-align: center;
    text-decoration: underline;
}

.modal-body {
    padding: 15px 15px;
}

.modal-content {
    border-radius: 30px;
}

.formBx {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 30px;
}
.modalBooking .modal-dialog {
	max-width: 658px;
}
.modalBooking .modal-dialog p {
	margin-bottom: 4px;
}
.modalBooking .modal-dialog p span, .modalBooking .modal-dialog p span a{
	font-weight:600;
	color:green;font-size: 14px;
}


.modal-content .form-group { margin-bottom: 20px; position: relative; }
.modal-content .form-group label { margin-bottom: 5px; color: #000; font-weight: 500; font-size: 16px; }
.modal-content .form-control, .modal-content .form-select { background-color: transparent; color: #000; position: relative; font-size: 16px; font-weight: 400; height: 48px; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; padding: 5px 50px 5px 15px; }
.modal-content textarea.form-control { min-height: 120px; resize: none; padding: 15px !important; }
.modal-content .form-control:focus, .modal-content .form-select:focus { box-shadow: none; border-color: var(--green); }
.modal-content .btn01 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--white);
    border: 1px solid var(--green);
    background-color: var(--green);
    border-radius: 10px;
    transition: 0.6s;
}

.modal-content .btn01:hover {
    background-color: #078f2f;
}
.input_icon {
    position: absolute;
    top: 9px;
    right: 15px;
}

.input_icon img {
    max-width: 20px;
    object-fit: contain;
}
/**/


/* ======================================================================= */
    /* eventy_sec1 start */
/* ======================================================================= */
.eventy_sec1 {
    position: relative;
	padding-top: 0 !important;
}
.eventy_sec1:after {
    display: none;
}

.mb_120 {
    margin-bottom: 120px;
}

.eventy_sec1:before {
    content: '';
    /* background-image: url(../images/shade1.png); */
    position: absolute;
    left: 0;
    right: 0;
    top: -250px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}

.eventy_sec1 h2 {
	font-family: "Anton", sans-serif;
	font-size: 40px;
	color: var(--green);
	font-weight: 400;
	transition: 0.6s;
	text-transform: uppercase;
	text-align: center;
	width: 75%;
	margin: 0 auto 35px;
}


.eventy_sectop1 {
    width: 100%;
    position: relative;
}

.eventy_sectop1:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -250px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}

.eventy_sectop_card {
    width: 100%;
}

.eventy_sectop_cardpic {
    height: 350px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.eventy_sectop_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.eventy_sectop_cardpic:hover img {
    transform: scale(1.1);
}

.event_pictext {
    width: 90%;
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    bottom: 15px;
    margin: 0 auto;
    transition: 0.6s;
    margin-bottom: 5px;
}

.event_pictext h6 {
    font-size: 14px;
    color: var(--green);
    margin-bottom: 8px;
    transition: 0.6s;
}

.event_pictext h5 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 0;
    transition: 0.6s;
	min-height: 40px;
}

.vdo_sec.eventy_sec1.eventy_sec22:before  {
    display: none;
}

.eventy_sectop_cardpic:hover .event_pictext {
    background-color: var(--green);
}

.eventy_sectop_cardpic:hover .event_pictext h6, .eventy_sectop_cardpic:hover .event_pictext h5 {
    color: #fff;
}

.eventy_sectop1 .action_btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    transition: 0.6s;
    flex-basis: 30px;
    flex-shrink: 0;
    opacity: 0;
}

.eventy_sectop1 .action_btn .fa-arrow-right {
    font-size: 17px;
    color: #000;
    transform: rotate(0deg);
    transition: 0.6s;
}

.eventy_sectop_cardpic:hover .action_btn {
    background-color: var(--white);
    border-color: #fff;
    opacity: 1;
}








/* ======================================================================= */
    /* eventy_sec2 start */
/* ======================================================================= */
.eventy_sec2 {
    width: 100%;
    height: 100%;
    padding: 120px 0;
    background-position: 0 40%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 11;
}

.eventy_sec2 .vdo_card {
    justify-content: flex-start;
}

.eventy_sec2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #09180bcf;
    z-index: -1;
}

.eventy_sec2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}

.eventy_sec1 .newshade45 {
    display: none !important;
}

.pb_200 {
    padding: 100px 0;
}

.pb_150 {
    padding: 0px 0 100px !important;
}

/* ======================================================================= */
    /* wyprawy_sec start */
/* ======================================================================= */
.wyprawy_sec {
    width: 100%;
    padding: 100px 0;
    position: relative;
}

/*.wyprawy_sec .nav-linkpic {
    width: 280px;
    height: 350px;
}

.wyprawy_sec .nav-linkpic img {
    opacity: 0.9;
    border: none;
}

.wyprawy_sec .textbox {
    width: 100%;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wyprawy_sec .textbox h5 {
    font-size: 16px;
    color: #fff;
    flex-basis: 185px;
    flex-shrink: 0;
}

.actionbtn {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid #FF8800;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 0.6s;
}

.wyprawy_sec .nav-link.active .actionbtn {
    opacity: 1;
}

.wyprawy_sec .nav-link.active .textbox h5 {
    color: #FF8800;
}

.actionbtn i {
    color: #FF8800;
    font-size: 14px;
}

.wyprawy_sec .title3 ul li {
    display: inline-block;
    font-size: 16px;
    color: #FF8800;
    padding: 0 15px 0 0;
    margin-top: 15px;
    margin-right: 10px;
    font-weight: 300;
    position: relative;
}

.wyprawy_sec .title3 ul li:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #FF8800;
}

.wyprawy_sec .title3 ul li:last-child:after{
    display: none;
}

.wyprawy_sec .tab-contentpic {
    width: 92%;
    height: 460px;
    position: relative;
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow: inherit;
}

.wyprawy_sec .tab-contentpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.wyprawy_sec .tab-contentpic:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 20px;
    width: 100%;
    height: 460px;
    border: 2px solid #FF8800;
    transition: 0.6s;
}

.wyprawy_sec .tab-contentpic:hover:after {
    top: 0;
    left: 0;
}*/

/*.pb_300 {
    padding-bottom: 300px;
}*/

.waterboat {
    position: relative;
    z-index: 1;
}

.wypra_card {
    width: 100%;
    position: relative;
} 

.wypra_cardpic {
    width: 100%;
    height: 350px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.wypra_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.wypra_card_textbox {
    width: 100%;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wypra_card_textbox span{ display:block; margin-top:5px;}
.wypra_card_textbox h5 {
    font-size: 14px;
    color: #fff;
    flex-basis: 185px;
    flex-shrink: 0;
    transition: 0.6s;
}

.actionbtn {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    opacity: 1;
    transition: 0.6s;
}

.actionbtn i {
    color: #fff;
    font-size: 14px;
}

.wypra_card:hover .actionbtn {
    border-color: #FF8800;
}

.wypra_card:hover .wypra_card_textbox h5{
    color: #FF8800;
}

.wypra_card:hover .actionbtn i {
    color: #FF8800;
}

.wypra_card:hover .wypra_cardpic img {
    transform: scale(1.1);
}

/*.wyprawy_sec .nav-link.active .actionbtn {
    opacity: 1;
}*/







.wyprawy_slide .owl-nav button.owl-prev, .wyprawy_slide .owl-nav button.owl-next { background-color: #fff; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; color: #345C7E; font-size: 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23); pointer-events: all; }
.wyprawy_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.wyprawy_slide .owl-nav button.owl-prev span::after { content: '\f104'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.wyprawy_slide .owl-nav button.owl-prev:hover span::after { content: '\f104'; color: #fff !important; }
.wyprawy_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.wyprawy_slide .owl-nav button.owl-next span::before { content: '\f105'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.wyprawy_slide .owl-nav button.owl-next:hover span::before { content: '\f105'; color: #fff !important; }
.wyprawy_slide .owl-nav button.owl-prev { left: -30px; position: relative;}
.wyprawy_slide .owl-nav button.owl-next { right: -30px; position: relative;}
.wyprawy_slide .owl-nav { position: absolute; bottom: -15px; display: inline-flex; left: 0; justify-content: center; width: 100%; pointer-events: none;}
.wyprawy_slide .owl-nav button.owl-prev:hover, .wyprawy_slide .owl-nav button.owl-next:hover { background: #006d20; border: 1px solid #006d20; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .wyprawy_slide .owl-dots.disabled, .owl-carousel .wyprawy_slide .owl-nav.disabled { display: block !important; }


.reveal-title {
    opacity: 0;
    transform: translateY(30px);
}

.wyprawy_slide .owl-dots .owl-dot span {
    margin: 3px 4px;
}

.wyprawy_slide .owl-dots {
    margin-top: 60px;
}

.wyprawy_slide  .owl-dots .owl-dot.active span, .wyprawy_slide  .owl-dots .owl-dot:hover span {
    background: #006c20;
}


.wyprawy_sec .modal-dialog {
    max-width: 60%;
    margin-right: auto;
    margin-left: auto;
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wyprawy_sec .modal-body {
    padding: 25px 25px;
    background-color: #000;
    border-radius: 20px;
    border: 1px solid #ccc;
}

.wyprawy_sec .modal-body p {
    font-size: 17px;
}

.wyprawy_sec .modaltext h2 {
    font-family: "Anton", sans-serif;
    font-size: 40px;
    color: var(--white);
    font-weight: 300;
    margin-bottom: 0;
}

.wyprawy_sec .modaltext h4 {
    font-family: "Anton", sans-serif;
    font-size: 32px;
    color: var(--white);
    font-weight: 300;
    text-align: left;
    text-decoration: none;
    margin: 22px 0 10px;
}

.wyprawy_sec .modal-body ul li {
    width: 100%;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    padding-bottom: 5px;
}

.wyprawy_sec .modal-body h6 {
    font-size: 17px;
    color: #fff;
}

.wyprawy_form {
    width: 100%;
    height: 100%;
    background-color: var(--green);
    padding: 40px 35px;
    border-radius: 15px;
}

.wyprawy_sec .field02, .form-control {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b1b1b1;
    border-radius: 0;
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px 5px 15px;
    height: 42px;
    font-weight: 400;
    margin-bottom: 15px;
    position: relative;
}

.wyprawy_sec label {
    color: #fff;
}

.wyprawy_sec .btn01 {
    font-size: 17px;
    font-family: 'UberMoveMedium';
    padding: 14px 20px;
    color: var(--green);
    text-align: center;
    display: inline-block;
    line-height: normal;
    background-color: #fff;
    border: 1px solid #fff;
    position: relative;
    border-radius: 8px;
    margin-top: 15px;
    text-transform: uppercase;
    transition: 0.6s;
}

.wyprawy_sec .btn01:hover {
    color: #fff;
}


.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    width: 2rem;
    height: 2rem;
    padding: 0;
    background-color: #fff;
    background-image: var(--bs-btn-close-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem 1rem;
    border: none;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 11;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.pillssec {
    width: 100%;
    padding-top: 100px;
}

.pillssec_pic {
    width: 92%;
    height: 460px;
    position: relative;
    display: flex;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow: inherit;
}

.pillssec_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.pillssec_pic:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 20px;
    width: 100%;
    height: 460px;
    border: 2px solid #FF8800;
    transition: 0.6s;
}

.pillssec_pic:hover:after {
    top: 0;
    left: 0;
}

.pillssec .title3 ul li {
    display: inline-block;
    font-size: 16px;
    color: #FF8800;
    padding: 0 15px 0 0;
    margin-top: 15px;
    margin-right: 10px;
    font-weight: 300;
    position: relative;
}



.atvsec {
    width: 100%;
    position: relative;
    background-color: transparent;
}

.atvsec:before {
    content: "";
    position: absolute;
    top: -495px;
    left: 0;
    right: 0;
    width: 100%;
    height: 675px;
    background-image: url(../images/shape3.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.atvsec_cardpic {
    height: 450px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.atvsec_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.atv_slide .owl-nav button.owl-prev, .atv_slide .owl-nav button.owl-next { background-color: #fff; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; color: #345C7E; font-size: 30px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23); pointer-events: all; }
.atv_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.atv_slide .owl-nav button.owl-prev span::after { content: '\f104'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.atv_slide .owl-nav button.owl-prev:hover span::after { content: '\f104'; color: #fff !important; }
.atv_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.atv_slide .owl-nav button.owl-next span::before { content: '\f105'; color: #000 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 24px; transition: 0.6s;}
.atv_slide .owl-nav button.owl-next:hover span::before { content: '\f105'; color: #fff !important; }
.atv_slide .owl-nav button.owl-prev { left: -30px; position: relative;}
.atv_slide .owl-nav button.owl-next { right: -30px; position: relative;}
.atv_slide .owl-nav { position: absolute; bottom: -15px; display: inline-flex; left: 0; justify-content: center; width: 100%; pointer-events: none;}
.atv_slide .owl-nav button.owl-prev:hover, .atv_slide .owl-nav button.owl-next:hover { background: #006d20; border: 1px solid #006d20; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .atv_slide .owl-dots.disabled, .owl-carousel .atv_slide .owl-nav.disabled { display: block !important; }

.reveal-title {
    opacity: 0;
    transform: translateY(30px);
}

.atv_slide .owl-dots .owl-dot span {
    margin: 3px 4px;
}

.atv_slide .owl-dots {
    margin-top: 60px;
}

.atv_slide  .owl-dots .owl-dot.active span, .atv_slide  .owl-dots .owl-dot:hover span {
    background: #006c20;
}

.boat_sec {
    width: 100%;
    padding-top: 80px;
}















/* ======================================================================= */
    /* images_sec start */
/* ======================================================================= */
.gallery_sec {
    width: 100%;
    padding: 0px 0 100px;
    position: relative;
}

.gallery_sec:after {
    content: "";
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    width: 100%;
    height: 550px;
    background-image: url(../images/shape4.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.gallery_sec .title3 {
    width: 75%;
    margin: 0 auto;
}

.gallery_sec_pic {
    height: 350px;
    position: relative;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.gallery_sec_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.gallery_sec_pic:hover img {
    transform: scale(1.1);
}

/* ======================================================================= */
    /* contact_sec start */
/* ======================================================================= */
.contact_sec {
    width: 100%;
    padding: 120px 0;
    position: relative;
}

/* .contact_sec:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -250px;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
} */

.adress_box {
    width: 100%;
    position: relative;
    background-color: #006D20;
    padding: 65px 40px;
    border-radius: 25px;
    z-index: 1;
}

.adress_box .small_title h4 {
    font-family: "Anton", sans-serif;
    font-size: 50px;
    color: var(--white);
    margin-bottom: 20px;
    text-transform: uppercase;
}

.adress_box .small_title h4 span {
    font-weight: 500;
}

.info_circle {
    width: 38px;
    height: 38px;
    border: 1px solid var(--white);
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_circle i {
    color: var(--white);
    font-size: 17px;
}

.contact_sec .small, .contact_sec small {
    font-size: 15px;
    color: var(--white);
    display: block;
}

.contact_sec p {
    color: var(--white);
}

.adress_card {
    margin-bottom: 20px;
}

.adress_box .footer-social {
    border-top: 1px solid #fff;
    padding-top: 20px;
}

.contact_sec_right {
    width: 130%;
    position: relative;
    left: -30%;
    border: 2px solid #fff;
    padding: 80px 60px 80px 270px;
    border-radius: 25px;
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

.contact_sec_right .small_title h4 {
    font-family: "Anton", sans-serif;
    font-size: 50px;
    color: var(--green);
    margin-bottom: 20px;
    text-transform: uppercase;
}


.field02, .form-select, .form-control {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b1b1b1;
    border-radius: 0;
    background-color: #131D14;
    font-size: 15px;
    color: #d5d5d5;
    padding: 5px 15px 5px 15px;
    height: 45px;
    font-weight: 400;
    margin-bottom: 15px;
    position: relative;
}

.contact_sec .field02::placeholder, .contact_sec .form-select::placeholder, .contact_sec .form-control::placeholder {
    color: #d5d5d5;
}

.contact_sec .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.contact_sec_right label span {
    color: #FF0000;
}

.contact_sec_right label {
    color: #d5d5d5;
}

.contact_sec .form-control:focus {
    background-color: transparent;
}

.contact_sec .form-control {
    height: 120px;
    color: #d5d5d5 !important;
}

.contact_sec_right .btn01 {
    margin-top: 25px;
}

.form-select:focus, .field02:focus, .form-control:focus {
    border-color: var(--white);
    box-shadow: none;
}

.contact_sec .footer-social li a:hover {
    background-color: #fff;
    color: var(--green);
    border-color: #fff;
}

.mapsec {
    width: 100%;
    margin-top: 60px;
}

.mapsec iframe {
    width: 100%;
    min-height: 500px;
    border: 1px solid #d7d7d7;
    padding: 2px;
    border-radius: 15px;
}


/* ======================================================================= */
    /* wypożyczalnia_sec start */
/* ======================================================================= */
.thirdText {
    position: relative;
    z-index: 2;
    text-align: left;
    color: white;
    max-width: 1100px !important;
    left: -20%;
    top: -15px;
}

.banner_sec {
    position: relative;
	height:100%;
}

/*.banner_sec:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(178deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}*/
.banner_sec:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;   
    height: 250px;
    width: 100%;
    z-index: 1;

    background: linear-gradient(
        to bottom,
        rgba(19, 29, 20, 1) 0%,
        rgba(19, 29, 20, 0.7) 30%,
        rgba(19, 29, 20, 0.3) 60%,
        rgba(19, 29, 20, 0) 100%
    );
}

.banner_sec:after {
    content: '';
    /* background-image: url(../images/shade1.png); */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    z-index: 1;
    background: #131D14;
    background: linear-gradient(360deg, rgba(19, 29, 20, 1) 0%, rgba(19, 29, 20, 0) 100%);
}

.wypożyczalnia_sec2 {
    position: relative;
    padding-bottom: 120px !important;
}

.wypożyczalnia_sec2 h2 {
    font-family: "Anton", sans-serif;
    font-size: 55px;
    color: var(--green);
    font-weight: 400;
    transition: 0.6s;
    text-transform: uppercase;
    text-align: center;
    width: 80%;
    margin: 0 auto 35px;
}

.wypożyczalnia_sec3 {
    width: 100%;
    padding-top: 80px;
    margin-top: 50px;
}

.wypożyczalnia_sec3 p{
    margin-bottom: 15px;
}


.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #006d20;
  color: #fff;
}
.roadmap.wyprawy_sec.wypożyczalnia_sec2:before {
    display: none;
}


.firstText{ max-width: 100% !important;}
.eventy_sec2 .row.align-items-center {
    padding-top: 35px;
}

.endtext2 {
	left: -15% !important;
}


.wyprawytextB .title3 {
  width: 100%;
  margin: 0 auto 50px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #006c20;
}


.formBx p{color: #000;
  text-align: center;}

.wypożyczalnia_sec3 .title3 p strong{
	color:#00e744;
}

.wyprawytextB h5{ color: #fff;
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 700;}


.tab-content101 h3{font-size: 60px;line-height: 75px;}

.about_bro .title3 h2{ color:#fff; font-size:30px}
.skuterachin120
{
	display: none !important;
}

.vdo_image101{position: relative;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  height: 450px;
  max-width: 800px;
  margin: 0 auto;}
.vdo_image101 img{width: 100%;
  height: 100%;
  object-fit: contain;}

.vdo_image101 .video-play-button::after{width: 75px;
  height: 75px;}
.vdo_image101 .video-play-button::before{width: 80px;
  height: 80px;}
.vdo_image101 .video-play-button span{border-left: 29px solid #f83c24;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: 3px;
  left: 5px;}


.youtube-video.mt-3 {
    display: inline-flex;
    margin-top: 26px!important;
    border-radius: 6px;
    overflow: hidden;
	cursor:pointer;
}
.about_bropicbox{ background:#fff;padding: 8px;}
.about_bropic10 img{width: 100%;
  height: 100%;
  object-fit: cover;}
.about_bropicbox h4{color: #000;font-size: 20px;padding: 10px;}


.contactus-area101 strong {
  font-weight: blod;color:#fff;
}
.contactus-area101 div{color:#fff;}
.contactus-area101 p, .contactus-area101 h4{text-align: justify;color:#fff;}
.contactus-area101 ol{ padding: 10px 0px 0px 20px; color:#fff;}
.contactus-area101 ol li{ margin-bottom:13px;list-style: decimal;text-align: justify;}
.contactus-area101 ul{ padding: 5px 0px 0px 40px;}
.contactus-area101 ul li{ margin-bottom:13px;list-style: lower-latin;text-align: justify;color:#fff;}
.contactus-area101 h5{ margin-bottom:10px;margin-top: 40px;color:#fff;}