@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Sofadi+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
}

p{
    font-size: 0.9rem;
}

/* Call Out Start */
.calloutsection{
    position: relative;
}
.calloutsection .forstportion{
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.calloutsection .forstportion video{
    width: 100%;
    height: 150px;
    object-fit: cover;
   
}
.bulkcallheading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 96%;
    padding:0 2%;
    height: 150px;
    overflow: hidden;
    /* background-image: url(../image/rafting-banner.jpg);
    background-size: cover; */
}
.secoundportion{
    display: none;
    align-items: center;
    justify-content: space-between;
    flex:0 0 100%;
    margin-right: 2%;
}
.secoundportion:first-child.active {
    display: flex;
    animation: anim 15s infinite;
}
@media(max-width:750px){
    .secoundportion:first-child.active {
        display: block !important;
        animation: anim 5s infinite;
        margin: auto;
    }
    .secoundportion.active {
        display: block !important;
        animation: anim2 5s infinite;
    }
    .secoundportion a{
        margin: auto;
        padding: .4rem !important;
        font-size: .9rem;
        margin-top: 1rem;
    }
}

.secoundportion.active {
    display: flex;
    animation: anim2 5s infinite;
    text-align: center;
}
@keyframes anim2{
    0%{
        transform: translateY(30%);
        opacity: 0;
    }
}
.secoundportion h2{
    font-size: 3rem;
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px 2px #000;
}
.secoundportion a{
    display: block;
    width: 200px;
    height: auto;
    padding: .8rem;
    background-color: #0f5e9c;
    border: 2px solid #fff;
    border-radius: .5rem;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
/* Call Out End */

.indexFirstSection{
    /* background-image: linear-gradient(to right, #0D2434, #0f5e9c); */
    background-image: url(../image/image15.jpg);
    background-blend-mode: darken;
    background-color: #062f4e7e;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
    animation: backanim 12s infinite;
    transition: 2s ease-in-out;
}
/* @keyframes backanim{
    0%{background-image: url(../image/image14.jpg);}
    100%{background-image: url(../image/image12.jpg);}
} */
.headerIndexbox{
    width: 55%;
    padding-top: 2rem;
    position: absolute;
    top: 0;
    z-index: 1;
}
.headerDestop{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerDestop .logobox{
    width: 120px;
    padding-left: 2rem;
}
.headerDestop .logobox img{
    width: 70px;
    height: 70px;
    display: block;
    margin: auto;
}
.headerDestop .menuBar{
    display: flex;
    align-items: center;
    list-style: none;
    background-image: linear-gradient(to top, #0D2434, #133848);
}
.headerDestop .menuBar li{
    position: relative;
    color: #fff;
}

.headerDestop .menuBar li .submenub{
    position: absolute;
    top: 100%;
    left: -160px;
    width: 450px;
    display: none;
    background-color: #0f5e9c;
}

.headerDestop .menuBar li:hover > .submenub{
    display: block;
}
.headerDestop .menuBar li .submenub ul li a:hover{
    background-color: #0D2434;
    
}
.headerDestop .menuBar li ul{
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.headerDestop .menuBar li ul li a{
    display: block;
    padding: .5rem;
    width: 150px;
    font-size: .9rem;
    color: #fff;
    text-align: center;
}
.menubaricon{
    display: none;
}
header .menuBar li a{
    text-decoration:  none;
    color: #fff;
    display: block;
    padding:1rem 1rem;
    transition: .5s ease-in-out;
}
header .menuBar li a:hover{
    background-color: #0f5e9c;
    border-radius:0;
    color: #fff;
    box-shadow: 0px -23px 25px 0px rgba(0, 0, 0, 0.17) inset, 0px -36px 30px 0px rgba(0, 0, 0, 0.15) inset, 0px -79px 40px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 4px 2px rgba(0, 0, 0, 0.09), 0px 8px 4px rgba(0, 0, 0, 0.09), 0px 16px 8px rgba(0, 0, 0, 0.09);
}
header .menuBar li a.active{
    background-color: #0f5e9c;
    border-radius:0;
    color: #fff;
    box-shadow: 0px -23px 25px 0px rgba(0, 0, 0, 0.17) inset, 0px -36px 30px 0px rgba(0, 0, 0, 0.15) inset, 0px -79px 40px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 4px 2px rgba(0, 0, 0, 0.09), 0px 8px 4px rgba(0, 0, 0, 0.09), 0px 16px 8px rgba(0, 0, 0, 0.09);
}
.mobileHeader{
    display: none;
}

/* Banner Start */
.bannerContaner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bannerContaner .firstBannerSection{
   width: 40%;
   padding-top: 6%;
   margin-top: 5%;
   padding-bottom: 3%;
}
.bannerContaner .firstBannerSection .bannerHeading .bheadingBox{
    display: flex;
    align-items: center;
}
.bannerContaner .firstBannerSection .bannerHeading .bheadingBox h1{
    padding:.7rem 2.5rem;
    width: 100%;
    font-weight: 700;
    background-color: #0D2434;
    color: #fff;
    font-size: 4rem;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}
.bannerContaner .firstBannerSection .bannerHeading .bheadingBox #h1after{
    background-color: #0D2434;
    width: 80px;
    height: 102px;
    clip-path: polygon(0 0, 45% 0, 100% 100%, 57% 100%);
    margin-left: -15px;
    
}
.bannerContaner .firstBannerSection .bannerHeading #bannersubheading{
    font-size: 1.2rem;
    color: #fff;
    margin:.5rem 2.5rem;
}
#borderShado1{
    height: 4px;
    background-color: #F3E745;
    width: 400px;
    display: block;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.45) inset;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
#borderShado2{
    height: 4px;
    background-color: #F3E745;
    width: 200px;
    display: block;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.45) inset;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.bannerContaner .firstBannerSection .bannerHeading h2{
    font-size: 1.8rem;
    color: #F3E745;
    margin:.5rem 2.5rem;
    width: fit-content;
}
#bannerText{
    color: #fff;
    margin:.5rem 2.5rem;
    width: 350px;
    text-align: justify;
    font-size: .9rem;
}
#bannerContact{
    display: block;
    padding: .5rem;
    margin:0rem 2.5rem;
    margin-top: 2rem;
    background-color: #F3E745;
    text-align: center;
    text-decoration: none;
    width: 150px;
    border-radius: .5rem;
    color: #000;
    font-weight: 500;
}
#bannerContact:hover{
    background-color: #0f5e9c;
    color: #fff;
}
.socialBox{
    display: flex;
    align-items: center;
    margin-top: 5%;
    margin-left: 2.5rem;
}
.socialBox ul{
    display: flex;
    align-items: center;
    list-style: none;
}
.socialBox ul li a{
    text-decoration: none;
    margin: .5rem;
}
.socialBox ul li a i{
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    background-color: #fff;
    color: #0D2434;
    border-radius: 50%;
    text-align: center;
}
.socialBox ul li a i:hover{
    background-color: #0f5e9c;
    color: #fff;
}
.arrobox{
    margin-left: 3%;
}
.arrobox i{
    font-size: 4rem;
    color: #0A202D;
}

/* 2nd bannerSection Start */
.bannerContaner .SecoundBannerSection{
    width: 60%;
}
.SecoundBannerSection .bannerImageBox{
    border-radius: 50%;
    rotate: -45deg; 
    width: 135%;  
    overflow: hidden; 
    box-shadow: 5px 5px 0 0 #133848, 10px 10px 0 0 #133848, 15px 15px 0 0 #133848, 20px 20px 0 0 #133848, 25px 25px 0 0 #133848;
}
.SecoundBannerSection .bannerImageBox video{
    width: 100%;
    display: block;
    rotate: 45deg; 
    object-fit: fill;
    height: 650px;
    filter: brightness(80%);
}
.SecoundBannerSection .bannerImageBox video:hover{
    filter: brightness(100%);
}
/* .firstimgshado{
    position: absolute;
    top: 100px;
    width: 50%;
    height: 200px;
    background-color: #133848;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    rotate: -55deg; 
} */

/* 2nd bannerSection end */
/* Banner End */


/* about start */
.firstAboutSection{
    padding: 2.5rem;
    padding-bottom: 3.5rem;
}
.firstAboutSection .innerabbox{
    display: flex;
    justify-content: space-between;
}
.firstAboutSection .innerabbox .aboutimageboxs{
    width: 40%;
    position: relative;
}
.firstAboutSection .innerabbox .aboutimageboxs .firstimgbox{
    width: 400px;
    height: 500px;
    border: 2px solid #fff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.firstAboutSection .innerabbox .aboutimageboxs .firstimgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.firstAboutSection .innerabbox .aboutimageboxs .secoundimgbox{
    width: 250px;
    height: 350px;
    position: absolute;
    top: 200px;
    left: 300px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border: 2px solid #fff;
   
}
.firstAboutSection .innerabbox .aboutimageboxs .secoundimgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.firstAboutSection .innerabbox .contetbox{
    width: 55%;
}
#inteoduction{
    color: #0f5e9c;
    font-weight: 500;
}
.firstAboutSection .innerabbox .contetbox h2{
    font-size: 3rem;
    margin-bottom: 1rem;
}
.firstAboutSection .innerabbox .contetbox p{
    color: #7c5454;
    text-align: justify;
    font-size: 0.9rem;
}
.contetbox ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.contetbox ul li{
    width: 200px;
    display: flex;
    align-items: center;
    margin: .5rem 0;
}
.contetbox ul li i{
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #F3E745;
    color: #000;
    text-align: center;
    border-radius: 50%;
}
.contetbox ul li p{
    margin-left: .5rem;
}
#aboutbtn{
    display: block;
    width: 150px;
    padding: .8rem;
    background-color: #0f5e9c;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-top: 1.5rem;
}


/* Package Section Start */
.packageSection{
    padding: 2rem;
    background-image: url(../image/benner_6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: color;
    /* background-color: #0000005b; */
    /* margin-top: 2rem; */
    
}
.packageSection .toppackageBox{
    display: flex; 
    align-items: center;
    justify-content: center;
    text-align: center;
}
.packageSection .toppackageBox .packageHeadings{
    width: 100%;
    text-align: center;
}
.packageSection .toppackageBox .packageHeadings h2{
    font-size: 2.2rem;
    color: #0f5e9c;
}

.packageSection .toppackageBox .packageHeadings p{
    color: #7c5454;
    width: 40%;
    margin: auto;
    margin-top: 1rem;
    font-size: 0.9rem;
}
.packageSection .toppackageBox #butnbrus{
    display: block;
    text-decoration: none;
    text-align: center;
    background-image: url(../image/water.png);
    width: 150px;
    height: 150px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .5s ease-in-out;
    padding-top: 4rem;
    color: #000;
}

/* .innerpackageConter{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 2rem;
} */
.pkgcardscontainer{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.packagecards{
    width: 380px;
    background-color: #eeeeee;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    /* box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */
    margin:1rem;
    /* border: 1px solid #eeeeee; */
    padding-bottom: 1rem;
}
.packageImgbox{
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 1.2rem 1.2rem 0 0;
    position: relative;
}
.packageImgbox img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}


/* .packagecards .pkgheads{
    margin-top: -4rem;
   
} */

/* .headingpkgs{
    background-color: #000;
} */

/* .packageImgbox h4{
    margin:.7rem auto;
    font-size: 1.3rem;

    text-align: center;
    color: #fff;
    background-color: #000;
    position: absolute;
    bottom: 0;
    
} */

.packagecards h4{
    margin: auto;
    padding-bottom: 0.5rem;
    padding-top: 1rem;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom, #33333300 0%, #000000 100%);
    position: absolute;
    bottom: 0;
   
}
.packagecards p{
    color: #0A202D;
    margin-top: .7rem;
}
.pricepkg{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    padding:0 .5rem;
}
.pricepkg h3{
    font-size: 2rem;
    color: #0f5e9c;
}
.pricepkg span{
    margin-left: .5rem;
}
.pkgmaincardbox{
    padding:0 1rem;
}
.pkgiconinclution{
    display: flex;
    align-items: baseline;
    margin: .8rem 0;
    justify-content: center;
}

.pkgiconinclution p{
    margin-top: 0rem;

}

.pkgiconinclution i{
    color: green;
    text-align: center;
    border-radius: 50%;
    font-size: .8rem;
}
.pkgiconinclution .crosss{
    color: #fff;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 50%;
    font-size: .6rem;
    background-color: red;
}
.pkgiconinclution p{
    margin-left: .5rem;
}
.strtButn{
    display: block;
    width: 130px;
    padding: .5rem;
    text-align: center;
    margin: auto;
    text-decoration: none;
    background-color: #F3E745;
    color: #000;
    border-radius: 1rem;
    margin-top: 2rem;
    font-size: .9rem;
    font-weight: 500;
}
.strtButn:hover{
    background-color: #0f5e9c;
    color: #fff;
}
.termspkg{
    margin-top: 1rem;
    font-size: .9rem;
}
/* Package Section End */

/* Index About Section Start */
.indexaboutSection{
    padding: 2rem 5%;
    background-image: url(../image/benner_7.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}
.indexContactContaner{
    display: flex;
    justify-content: space-between;
    margin-top: 0rem;
    gap: 1rem;
}
.indexContactContaner .indexContactbox{
    width: 50%;
}
.indexContactContaner .indexContactbox h2{
    font-size: 3.2rem;
    width: 80%;
    margin-top: 2rem;
    color: #0D2434;
}
.indexContactContaner .indexContactbox p{
    font-size: 1.2rem;
    color: #7c5454;
    margin-bottom: 1rem;
}
.indexContactContaner .indexContactbox img{
    rotate: -20deg;
    margin-left: 2rem;
}
.indexContactContaner .contactimagewithform{
    width: 45%;
    padding: 2.5%;
    background-color: #0D2434;
}

.contactimagewithform form{
    width: 100%;
}
.contactimagewithform form input{
    display: block;
    border: none;
    outline: none;
    width: 100%;
    margin: 1.5rem 0;
    background-color: transparent;
    border-bottom: 2px solid #ffffff;
    padding: 2%;
    color: #ffffff;
    font-weight: 500;
    font-size: .9rem;
}
.contactimagewithform form input::placeholder{
    color: #ffffff;
}
.contactimagewithform form #activity{
    display: block;
    border: none;
    outline: none;
    width: 100%;
    margin: 1.5rem 0;
    background-color: transparent;
    border-bottom: 2px solid #ffffff;
    padding: 2%;
    color: #ffffff;
    font-weight: 500;
    font-size: .9rem;
}
#activity option{
    background-color: #0A202D;
    font-size: .9rem;
}
.contactimagewithform form textarea{
    width: 100%;
    padding: 2%;
    padding-bottom: 0;
    margin: 1rem 0;
    background-color: transparent;
    display: block;
    border: none;
    outline: none;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 500;
    font-size: .9rem;
}
.contactimagewithform form textarea::placeholder{
    color: #ffffff;
}
.contactimagewithform form button{
    width: 200px;
    padding: .7rem 0;
    text-align: center;
    background-color: #ffffff;
    color: #0f5e9c;
    border: 1px solid #0f5e9c;
    outline: none;
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1rem;
}
.contactimagewithform form button:hover{
    background-color: #0A202D;
    color: #fff;
    border: 1px solid #fff;
}

/* Index About Section End */

/*testimonial start */
.testimonialSection{
    padding: 2rem;
    position: relative;
    margin-top: 1rem;
}
.testimonialHeading{
    width: 100%;
    text-align: center;
}
.testimonialHeading h2{
    font-size: 3rem;
    color: #0f5e9c;
}
.testimonialHeading p{
    width: 40%;
    margin: auto;
    margin-top: 1rem;
    color: #7c5454;
    font-size: 1rem;
}

.swiper{
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.testimonialSection .innertestimonial{
    display: flex;
    justify-content: space-between;
}

.testimonialSection .innertestimonial .testimonial{
    padding: 1rem;
}

.testimonialSection .innertestimonial .testimonial .innertesti{
    width: 90%;
    margin: auto;
    margin-top: 5%;
    text-align: center;
}
.testimonialSection .innertestimonial .testimonial .innertesti h3{
    text-align: center;
    color: #7c5454;
    margin-bottom: .5rem;
}
.testimonialSection .innertestimonial .testimonial .innertesti p{
    color: #7c5454;
    line-height: 1.8rem; 
}
.testimonialSection .innertestimonial .testimonial .innertesti h4{
    color: #0D2434;
    margin:.5rem 0;
    font-size: 1.2rem;
    font-weight: 500;
}
.testimonialSection .innertestimonial .testimonial .innertesti .rating{
    margin-bottom: 1rem;
    color: orange;
}
.testimonialControlBox{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 96%;
    justify-content: space-between;
}
.testimonialControlBox i{
    font-size: 1.5rem;
    color: #0D2434;
    display: block;
    padding: .5rem;background-color: #0f5e9c;
}
/*testimonial end */

/* footer Start */
footer{
    /* background-color: #0A202D; */
    background-image: url(../image/62175.jpg);
    background-size: cover;
    background-blend-mode: color;
    background-color: #000000a9;
    padding-top: 3rem;
}
.footerlogobox{
    width: 35%;
    margin: auto;
    text-align: center;
}
.footerlogobox .footerlogo img{
    width: 70px;
    height: 70px;
}
.footerlogobox p{
    color: #fff;
    margin: .5rem 0;
}
.footerContact{
    display: flex;
    justify-content: center;
    width: 45%;
    margin: auto;
}

.footerContact .contactb{
    margin-top: 2rem;
    text-align: center;
}
.footerContact .contactb:first-child{
    margin-right: 4rem;
}
.footerContact .contactb i{
    text-align: center;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 1rem;
}
.footerContact .contactb .innercontact{
    margin-left: 1rem;
}
.footerContact .contactb .innercontact h3{
    color: #fff;
    font-size: 400;
}
.footerContact .contactb .innercontact a{
    text-decoration: none;
    color: #fff;
}
.foterul{
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 70%;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.foterul li a{
    display: block;
    text-decoration: none;
    padding: 1rem;
    color: #fff;
}

.footer-phone{
    display:flex;
    justify-content:center;
    gap:1rem;
    margin-bottom:0.5rem;
}

.footer-phone a{
    color:#fff;
    text-decoration:none;
    font-size:0.8rem;
    
}

.bottomfooter{
    display: flex;
    justify-content: space-around;
    background-color: #000000;
    color: #fff;
    padding: 1rem 2rem;
}
.bottomfooter ul{
    display: flex;
    align-items: center;
    list-style: none;
}
.bottomfooter ul li{
    margin: 0 .5rem;
}
.bottomfooter ul li i{
    color: #fff;
        font-style: normal !important;
}

.call-buton{
    position: fixed;
	right: 1.5rem;
	bottom: 1rem;
}
.call-buton .call_action {
	z-index: 99999;
	background: green;
	width: 3rem;
	height: 3rem;
    line-height: 3rem;
    text-align: center;
	border-radius: 50%;
	color: #fff;
	animation: call_action 0.6s linear infinite;
	text-decoration: none;
    display: block;
    text-align: center; 
}
.call-buton .call_action:hover i {
	transform: rotate(135deg); 
}
          
      @keyframes call_action {
        0% {
          -webkit-box-shadow: 0 4px 10px #0f5f9c36, 0 0 0 0 #0f5f9c36, 0 0 0 5px #0f5f9c36, 0 0 0 10px #0f5f9c36;
          box-shadow: 0 4px 10px #0f5f9c36, 0 0 0 0 #0f5f9c36, 0 0 0 5px #0f5f9c36, 0 0 0 10px #0f5f9c36; }
        100% {
          -webkit-box-shadow: 0 4px 10px #0f5f9c36, 0 0 0 5px #0f5f9c36, 0 0 0 10px #0f5f9c36, 0 0 0 20px #0f5f9c36;
          box-shadow: 0 4px 10px #0f5f9c36, 0 0 0 5px #0f5f9c36, 0 0 0 10px #0f5f9c36, 0 0 0 20px #0f5f9c02; } }