*{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
:root{
    --logo-color1: #042f46;
    --logo-color2: #90d5d4;
    --white: #fff;
    --black: #000;
    --primaryColor: var(--logo-color2);
}
.bg-color{
    background-color: var(--logo-color2) !important;
}
svg{
    fill: var(--logo-color2);
}
.outer .icon svg path {
    fill: var(--logo-color2) !important;
}
.row{
    margin:0;
}
a{    
    text-decoration: none !important;
}
.title{
    font-size: 24px;
}
@media (min-width:768px) {
    .title{
        font-size: 28px;
    }
}
@media (min-width:992px) {
    .title{
        font-size: 30px;
    }
}
@media (min-width:1200px) {
    .title{
        font-size: 34px;
    }
}
@media (min-width:1400px) {
    .title{
        font-size: 40px;
    }
}
.description{
    font-size: 16px;
    line-height:30px;
}
@media (min-width:576px) {
    .description{
        font-size: 16px;
        line-height:28px;
    }
}
@media (min-width:768px) {
    .description{
        font-size: 16px;
        line-height:30px;
    }
}
@media (min-width:992px) {
    .description{
        font-size: 16px;
        line-height:32px;
    }
}
.frontText{
    font-style: normal;    
    text-align: center;
    letter-spacing: 0.005em;
    color: #000000;    
    z-index: 1;
    text-transform: uppercase;
}
.frontText2{
    color: var(--primaryColor);
    font-family: 'Roboto';
}
.bgText{
    color: var(--primaryColor);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255,255,255,0.5);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;    
    letter-spacing: 0.005em;            
    text-align: center;
    margin-bottom: 0;
}
@media (min-width:768px) {
    .bgText{
        font-size: 40px;    
    }
}
/* @media (min-width:992px) {
    .bgText{
        font-size: 50px;    
    }
} */
/* @media (min-width:1200px) {
    .bgText{
        font-size: 60px;    
    }
} */
/* @media (min-width:1400px) {
    .bgText{
        font-size: 70px;    
    }
} */
.bgText2{
    color: var(--logo-color2);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255,255,255,0.5);
}
.card{
    border-radius: 10px;
    border:none;
}
.form-control{
    padding: 8px 14px;
    color: var(--primaryColor) !important;    
}
.form-control:focus{
    border: var(--primaryColor);
    box-shadow: 0 0 0 0.25rem rgba(84, 185, 71,.6);
    font-weight: 500;
}
textarea.form-control{
    resize: none;
    height: 10em;
}
.hero{
    height: 20vh;
    padding: 0;
}
@media (min-width:476px) {
    .hero{
        height: 35vh;
    }
}
@media (min-width:576px) {
    .hero{
        height: 45vh;
    }
}
@media (min-width:992px) {
    .hero{
        height: 55vh;
    }
}
@media (min-width:1200px) {
    .hero{
        height: 65vh;
    }
}
/* Navbar Section - Start */
.navbar{
    padding-top: 4px;
    padding-bottom: 4px;
}
/* .bgDark{
    background: var(--white);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.5);
} */
.navContainerBg{    
    background-color: var(--white);
    /* box-shadow: 0px 0px 20px 0px rgba(0, 6, 91, 0.06); */
    /* border-radius: 30px; */
}
.navbar-brand img{
    height: 115px;
    width: 100%;
}
.nav-link{
    /* color: #ffffff; */
    padding: 0 !important;
    position: relative;
}
.nav-link:hover{
    color: var(--primaryColor);
}
.nav-link:after {        
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-color: var(--primaryColor);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .8s ease-in-out;
}
.nav-link:hover:after {    
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .8s ease-in-out;
} 
.nav-item{
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-block: 5px;
    font-weight: 400;
}
/* .navbar-toggler-icon{
    background-image: url(../img/tog_btn_img.svg);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
    width: 25px !important;
    height: 10px !important;
} */
.navbar-toggler{
    border: none;
}
.navbar-toggler:focus{
    box-shadow: none;
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	/* .navbar .nav-item:hover .nav-link{   } */
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (max-width: 993px) {
    .header{
        display: none;
    }
}
/* mobile - nav */
 /* The side navigation menu */
 .sidenav {
    height: 100%;
    width: 0;    
    position: fixed;    
    z-index: 1;    
    top: 0;
    right: 0;
    background-color: #000000;    
    overflow-x: hidden;    
    padding-top: 60px;    
    transition: 0.5s;    
}
#mySidenav ul{
    list-style: none !important;
    padding-left: 0px;
}
#mySidenav ul li{
    margin-top: 15px;
    margin-bottom: 15px;
}
/* The navigation menu links */
.sidenav .nav-link {
    padding: 12px 8px 12px 8px !important;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    background-color: var(--primaryColor);
    transition: 0.3s;
    border-radius: 25px;
    text-align: center;
}

.sidenav .nav-link .btn {
    background-color: var(--logo-color2);
    color: var(--logo-color1);
    font-size: 16px;
    padding: 10px 25px;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: var(--primaryColor);
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/* mobile nav */
/* Navbar Section - End */
/* Home Page*/
/* Hero Section - Start */
.homeHero{
    height: 20vh;
    padding:0;
    position: relative;
}
/*@media (min-width:320px) {*/
/*    .homeHero{*/
/*        height: 30vh;*/
/*    }*/
/*}*/
/*@media (min-width:370px) {*/
/*    .homeHero{*/
/*        height: 35vh;*/
/*    }*/
/*}*/
@media (min-width:472px) {
    .homeHero{
        height: 35vh;
    }
}
@media (min-width:576px) {
    .homeHero{
        height: 45vh;
    }
}
@media (min-width:992px) {
    .homeHero{
        height:55vh;
    }
}
@media (min-width:1200px) {
    .homeHero{
        height: 65vh;
    }
}
.homeHero h4, .homeHero h1{
    color: #fff;
}
.homeHeroCaro{
    position: relative;
}
.homeHeroCaro .item{
    height: 20vh;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
/*@media (min-width:320px) {*/
/*    .homeHeroCaro .item{*/
/*        height: 30vh;*/
/*    }*/
/*}*/
/*@media (min-width:370px) {*/
/*    .homeHeroCaro .item{*/
/*        height: 30vh;*/
/*    }*/
/*}*/
@media (min-width:472px) {
    .homeHeroCaro .item{
        height: 35vh;
    }
}
@media (min-width:576px) {
    .homeHeroCaro .item{
        height: 45vh;
    }
}
@media (min-width:992px) {
    .homeHeroCaro .item{
        height: 55vh;
    }
}
@media (min-width:1200px) {
    .homeHeroCaro .item{
        height: 65vh;
    }
}
.homeHeroCaro .owl-dots{
    position: absolute;
    right: 10%;
    top:100%;
    transform: translate(0%,-150%);
    display: flex;
}        
@media (min-width:992px) {
    .homeHeroCaro .owl-dots{               
        right: 0;
        top: 50%;
        transform: translate(-250%, -50%);                
        flex-direction: column;
    }
}
.homeHeroCaro .owl-dots .owl-dot.active span{
    background: var(--primaryColor) !important;
    height: 50px;                                
}
.homeHeroCaro .owl-dots .owl-dot:hover span{
    background: var(--primaryColor) !important;
}
.homeHeroCaro .owl-nav{ 
    display: none;
}    
@media (min-width:992px) {
    .homeHeroCaro .owl-nav{         
        display:none;
        position: absolute;
        margin-top: 0 !important;
        right: 0;
        bottom: 0;
        transform: translate(-50%, -100%);        
    }
}        
.homeHeroCaro .owl-prev{
    background: var(--primaryColor) !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}
.homeHeroCaro .owl-next{
    background: var(--primaryColor) !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}
.socialMedias{
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
    height: 30px;            
}
@media (max-width:768px) {
    .socialMedias{
        display: none;             
    }
}
.socialMedias img{
    width: 15px;
    height: 15px;
}
@media (min-width:768px) {
    .socialMedias img{
        width: 20px;
        height: 20px;
    }
}
/* Home Hero Section - End */
/* AboutUs Section - Start */
.aboutUs{
    padding-top: 40px;
    padding-bottom:40px;
    position:relative;
}
.aboutUs .polygon{
    background-color: var(--primaryColor);
    width: 250px;
    height: 250px;
    border-radius: 1px 100px 100px 100px;
    position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
}
.about-bg{
    background-image: -webkit-repeating-radial-gradient(center center, rgb(84, 185, 71), rgb(84, 185, 71) 1px, transparent 1.5px, transparent 100%);
    background: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-size: 5px 5px;
}

/*.aboutUs .outer .inner{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/
.aboutUs .inner{
    display: flex;
    align-items: center;
    margin-bottom:25px;
}
.aboutUs .inner img{
    width: 40px;
    height: 40px;
    margin-right: 15px;
}
.aboutUs .inner p{
    margin-bottom: 0;
}
@media (max-width:768px){
    .aboutUs .col-lg-7{
        padding:0;
    }
}
.aboutUs .col-lg-7 .col-6{
    padding: 0;
}
.aboutUs .col-lg-7 .col-6 p{
 font-size: 14px;
}
@media (min-width:576px) {
    .aboutUs .col-lg-7 .col-6 p{
        font-size: 15px;
    }   
}
@media (max-width:575px){
    .aboutUs .col-12{
        text-align:center;
    }
}
/* AboutUs Section - End */
/* Service Section - Start */
.service{
    background-color: var(--primaryColor);
    padding-top:40px;
    padding-bottom:40px;
}
.service .row{
    row-gap: 20px;
}
.serviceTitle{
    font-size: 20px;
    font-weight: 500;            
    text-align: center; 
    color: #fff;                       
}
@media (min-width:1200px) {
    .serviceTitle{
        font-size: 22px;
    }
}
.service .card{    
    margin-bottom: 10px;
}
.service .card img{
    border-radius: 10px;
}
.service .card .content-overlay{
    border-radius: 10px;
    background: rgba(0,0,0,0.7);            
    position: absolute;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.service .card .content-title{                                
        font-weight: 400;
        font-size: 20px;                
        text-align: center;
        letter-spacing: 0.005em;
        color: #FFFFFF;
}
.service .card:hover .content-overlay{
        opacity: 0.6;
        border-radius: 10px;
        padding: 0;
}       
.service .card .content-details{
    position: absolute;            
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.service .card:hover .content-details{
        top: 50%;
        left: 50%;
        opacity: 1;
} 
.service .card .fadeIn-bottom{
    top: 100%;
}
/* Service Section - End */
/* Service Section Demo - Start */
.serviceDemo{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000000;
    position: relative;
}
.serviceDemo .cardFlip {                 
    width: 100%;
    height: auto;    
    float: left;
    perspective: 1000px;
}
.serviceDemo .contentFlip {
    position: absolute;
    width: 100%;
    height: auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    transition: transform 1s;
    transform-style: preserve-3d;
}
.serviceDemo .cardFlip:hover .contentFlip {
    transform: rotateY( 180deg ) ;
    transition: transform 0.5s;        
}
.serviceDemo .front,.serviceDemo .back {
    position: absolute;
    height: 100%;
    width: auto;                                
    border-radius: 5px;
    backface-visibility: hidden;
}
.serviceDemo .back {                
    transform: rotateY( 180deg );                
    color: white;
}
.serviceDemo .cardFlip img{
    width: 100%;
    height: auto;
}
/* Service Section Demo - End */
/* Why We Love Adventure - Start */
.whyWe{
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--logo-color1);
}
.whyWe .card{
    position: relative;
    border-radius: 50%;
}
.whyWe .card img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.adventureTitle{  
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin-bottom: 0;
    padding: 6px 0;
    background-color: var(--logo-color2);
    font-size: 16px;
}
@media (min-width:992px) {
    .adventureTitle{
        font-size: 18px;
    }
}
@media (min-width:1200px) {
    .adventureTitle{
        font-size: 20px;
    }
}
/* Why We Love Adventure - End */
/* Moto Section - Start*/
.moto{
    padding-top: 80px;
    padding-bottom: 80px;
}
/* Moto Section - End*/
/* Targeted People Section - Start */
.targetPeople{
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--primaryColor);    
}
.targetPeople .row{
    row-gap: 20px;
}
.targetPeople .card{
    border-radius: 20px;  
    margin-bottom: 20px;  
}
.targetPeople .card img{
    border-radius: 20px;
    z-index: 1;
    height: 260px;
}
.targetPeople .card::after{
    position: absolute;
    content: '';
    background-color: #000;
    height: 40px;
    width: 4px;
    left: 75%;
    bottom: 0;
    transform: translate(-75%,50%);
}
.targetPeople .beforeLine{
    position: relative;
    background:#000;
    border-radius: 18px;
    font-size: 18px;
}
@media (min-width:1200px) {
    .targetPeople .beforeLine{
        font-size: 20px;
    }
}
@media (min-width:1400px) {
    .targetPeople .beforeLine{
        font-size: 20px;
    }
}
.targetPeople .beforeLine::before{
    position: absolute;
    content: '';
    background-color: #000;
    height: 40px;
    width: 4px;
    left: 25%;
    top: 0;
    transform: translate(-25%,-50%);
}
/* Targeted People Section - End */
/* Instagram Feed Section - Start */
.instaFeed{
    padding-top: 40px;
    padding-bottom: 40px;
}
.instaFeed .card:hover{
    background-color: rgba(0, 0, 0, 0.2);
}
.instaFeed .card img{
    width: 100px;
}
/* Instagram Feed Section - End */
/* Testimonial Section - Start */
.testimonial{
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--white);
}
.testimonial .cntBox{
    background-color: #fff;
    border-radius:10px;
    padding:10px;
}
.testimonial .cntBox p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.testimonial .cntBox .overlayMain{
    position: relative;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: auto;
}
.testimonial .cntBox .overlayMain .overlay{
    position: absolute;
    background: var(--primaryColor);
    width: 70%;
    height: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px 100px 50px 100px;
}
.testimonial .cntBox .overlayMain img{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
/* Testimonial Section - End */
/* Contact Us Section - Start */
.contactUsSec{
    background-color: var(--logo-color1);
}
.contactUs{
    padding-top: 40px;
    padding-bottom: 40px;
    color: var(--white);
}
@media (min-width:1400px) {
    .contactUs{
        padding-top: 60px;
        padding-bottom: 60px;
    }   
}
.contactUs .row{
    row-gap: 20px;
}
.contactUs button{
    width: 100%;
    float: right;
    color: #fff;
    background-color: var(--primaryColor);
    font-size: 18px;
}
.contactUs button:hover{
    background-color: #000000;
    color: #fff;
}
/* Contact Us Section - End */
/* Home Page End */
/* Campsites Page - Start */
/* Campsites Hero Section - Start */
.campSites{
    display:flex;
    justify-content:center;
    align-items:center;
    background-repeat: no-repeat !important;
    background-size:cover !important;
    background-position:center !important; 
    padding: 0;
}
.campSites .title{
    color: #fff;
    background: rgba(0,0,0,.6);
    padding:10px 30px;
    border-radius:40px;
}
.campSites h5{
    font-size: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 25px;
}
@media (min-width:576px) {
    .campSites h5 {
        width: 80%;        
    }
}
@media (min-width:768px) {
    .campSites h5 {
        width: 70%;
        font-size: 18px;
        line-height: 30px;
    }
}
@media (min-width:992px) {
    .campSites h5 {
        width: 50%;
    }
}
@media (min-width:1200px){
    .campSites h5{
        width: 40%;
    }
}
/* Campsites Hero Section - End */
/* Gallery Section - Start*/
.gallery{
    padding-top:40px;
    padding-bottom:40px;
    background: #fff;
}
.gallery .row{
    row-gap:20px;
}
.gallery button{
    font-size: 16px;
    padding: 5px 20px !important;
}
@media (min-width:576px){
    .gallery button{
        font-size: 18px;
        padding: 5px 20px !important;
    }   
}
.gallery .inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:15px;
}
@media (min-width:576px){
    .gallery .inner{
        flex-direction: row;
    }
}
.gallery .inner ul{
    background: black;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 0;
}
@media (min-width:576px){
    .gallery .inner ul{
        margin-right: 0;
    }
}
.gallery .card{
    position: relative;
    padding: 10px;
    background:black;
    color:#fff;
    border: 1px solid #000;
}
.gallery .card img{
    width: 100%;
    height:200px;
    border-radius:10px;
    object-fit:cover;
}
.gallery .card h1{
    padding: 15px 0 0 0;
    font-size:20px;
    text-transform:uppercase;
}
.gallery .title{
    text-transform: uppercase;
}
/* Gallery Section - Start*/
/* Campsites Page - End */
/* About Us Page - Start */
/* hero section - Start */
/* .abtUs{

} */
.abtUsHeroCaro .item{
    height: 60vh;
}
@media (min-width:576px){
    .abtUsHeroCaro .item{
        height: 80vh;
    }   
}
@media (min-width:992px){
    .abtUsHeroCaro .item{
        height: 90vh;
    }   
}
@media (min-width:1200px){
    .abtUsHeroCaro .item{
        height: 100vh;
    }   
}
/* hero section - End */
/* What We Do Section - Start */
.weDoings{
    padding-top: 50px;
    padding-bottom: 50px;
}
.weDoings .card{
    background: var(--logo-color2);
    padding: 15px;
    color: var(--logo-color1);
    height:100%;
}
.weDoings .card .imgBox{
    display:flex;
    margin-bottom:10px;
    align-items:center;
}
.weDoings .card .imgBox img{
    width:50px;
    height:50px;
    margin-right: 30px;
    filter: invert(1);
}
.weDoings .card .title{
    margin-bottom:0;
}
.weDoings.parallax{                        
    background-image: url("../img/sparkels.jpg");                    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}  
.weDoings .row{
    row-gap:20px;
}
/* What We Do Section - End */
/* What We Give Section - Start */
.weGive{
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--logo-color1);
}
.weGive .title{
    text-transform: uppercase;
    color: var(--logo-color2);
    /* -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--logo-color2); */
}
.weGive .card{
    width: 100%;
    height:auto;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.weGive .card img{
    width:100px;
    height:100px;
}
.weGive .card h3{
    text-align: center;
    margin: 25px 0 auto 0;
    font-size: 22px;
    color:#000;
}
.weGive .row{
    row-gap:20px;
}
/* What We Give Section - End */
/* About Us Page - End */
/* Contact Us Page - Start */
.cntUs{
    background: var(--primaryColor);
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
    display:flex;
    justify-content:center;
    align-items:center;
    /* height: 70vh; */
}
.cntUs .title{
    color: #FFFFFF;
}
.cntUs .description{
    color: #FFFFFF;
}
@media (min-width:576px){
    .cntUs .description{
        width:70%;
        margin-left:auto;
        margin-right:auto;
    }
}
@media (min-width:768px){
    .cntUs .description{
        width:60%;
    }
}
@media (min-width:992px){
    .cntUs .description{
        width:50%;
    }
}
.cntUsHeroCaro .item{
    height: 60vh;
}
@media (min-width:576px){
    .cntUsHeroCaro .item{
        height: 80vh;
    }
}
@media (min-width:992px){
    .cntUsHeroCaro .item{
        height: 90vh;
    }
}
@media (min-width:1200px){
    .cntUsHeroCaro .item{
        height: 100vh;
    }
}
.contactUs .card{
    display: flex;
    background-color: var(--logo-color1);
    color: var(--white);
    flex-direction: row;
    padding: 20px 30px;    
    align-items: center;
    height: 100%;
}
.contactUs .card .icon .text-primary{
    color: var(--primaryColor) !important;
    background: #fff;
    padding: 10px;
    font-size: 20px; 
    border-radius:50%;
}   
.contactUs .card .icon{
    margin-right: 20px;
}  
/* Contact Page - End */
/* Adventure Page - Start */
.adventure{
    padding: 0;
}
.adventureHeroCaro .item{
    height: 60vh;
}
@media (min-width:576px){
    .adventureHeroCaro .item{
        height: 80vh;
    }
}
@media (min-width:992px){
    .adventureHeroCaro .item{
        height: 90vh;
    }
}
@media (min-width:1200px){
    .adventureHeroCaro .item{
        height: 100vh;
    }
}
.section-1{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-1 .row{
    row-gap:20px;
}
.section-1 .btn{
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
}
.section-1 .btn:hover{
    background-color: #000;
}
/* Adventure Page - End */
/* Training Program Page - Start */
/* hero Section - start */
.trainingPrgm{
    padding: 0;    
    background: url("../../assets/img/TrainingPage/ClusterCircle_Training_banner1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.trainingPrgm .item{
    height: 60vh;
}
@media (min-width:576px) {
    .trainingPrgm .item{
        height: 80vh;
    }
}
@media (min-width:992px) {
    .trainingPrgm .item{
        height: 90vh;
    }
}
@media (min-width:1200px) {
    .trainingPrgm .item{
        height: 100vh;
    }
}
/* hero Section - start */
/* Our Programs Section - Start */
.ourProgram{
    padding-top: 40px;
    padding-bottom: 40px;
}
.ourProgram .card{
    padding: 0;
}
@media (min-width:768px) {
    .ourProgram .card{
        padding: 0 20px;
    }   
}
.ourProgram .starImg img{
    width: 15px;
    height: 15px;
}
@media (min-width:768px){
    .ourProgram .starImg img{
        width: 18px;
        height: 18px;
    }   
}
@media (min-width:992px){
    .ourProgram .starImg img{
        width: 20px;
        height: 20px;
    }   
}
/* Our Programs Section - End */
/* Target People Section - Start */
.targetPep{
    padding-top: 40px;
    padding-bottom: 40px;
}
.targetPep .inner{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}
.targetPep .inner img{
    width:40px;
    height: 40px;
    margin-right: 15px;
}
.targetPep .inner p{
    margin-bottom:0;
}
.targetPep .row{
    row-gap:20px;
}
.targetPep .btn{
    background-color: #000;
    color: #fff;
    padding: 8px 16px;
    margin-top:15px;
}
.targetPep .btn:hover{
    background: var(--primaryColor);
}
.targetPep img{
    border-radius: 10px;
    width: 100%;
    height: auto;
}
.targetPep .box{
    background:var(--primaryColor);
    border-radius:10px;
    padding:15px;
    color: #fff;
}
.targetPep p{
    font-size:16px;
    line-height: 30px;
}
@media (min-width:576px){
 .targetPep p{
    font-size:16px;
    line-height: 28px;
    }   
}

@media (min-width:992px){
 .targetPep p{
    font-size:16px;
    line-height: 28px;
    }   
}
@media (min-width:1200px){
 .targetPep p{
    font-size:17px;
    line-height: 28px;
    }   
}
@media (min-width:1400px){
 .targetPep p{
    font-size:18px;
    line-height: 30px;
    }   
}
@media (max-width:768px){
    #school_students .row {
        flex-direction: column-reverse;
    }
}
/* Target People Section - End */
/*Training Program Page - End */
/* Footer Section - Start */
footer .outer{
    background-color: #000000;
    padding-top:40px;
    padding-bottom:20px;
    border-bottom: 2px solid var(--primaryColor);
}
footer .outer .row{
    row-gap: 20px;
}
footer .inner{
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}
footer .inner p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
@media (min-width:1200px) {
    footer .inner p{
        font-size: 16px;
    }
}
footer .inner h4{
    color: #000000;
    font-size: 16px;
    margin-bottom: 15px;
    background-color: var(--primaryColor);
    padding: 8px 18px;
    border-radius: 20px;
}
@media (min-width:1200px) {
    footer .inner h4{
        font-size: 20px;
    }
}
footer .svg-inline--fa{
    height: 15px; 
}
footer .inner img{
    width: 140px;
    height: 100px;
    background: #fff;
    border-radius: 50px 10px 50px 10px;
    box-shadow: 0 2px 20px 0 rgba(255,255,255,.5);
}
@media (min-width:1200px) {
    footer .inner img{
        width: 180px;
        height: 130px;
        border-radius: 70px 20px 70px 20px;
    }
}
footer .icon {
    background: transparent;
    outline: 2px solid #fff;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}
@media (min-width:1200px) {
    footer .icon{
        width: 30px;
        height: 30px;   
    }
}
footer section{
    background: #000000;
}
footer section a {
    color: #fff !important;
}
/* Footer Section - End */
/* popup */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 70%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.popup img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.close {
    color: white;
    background: red;
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 30px;
    cursor: pointer;
    padding: 4px 8px;
}

/* popup - end */
marquee{
    background-color: var(--logo-color1);
    color: #fff;
}

/* our brands */
.b-card img{
    width: 200px;
    height: 200px;
    background-color: var(--white);
    object-fit: contain;
    border-radius: 10px;
}