/* Start Banner Area  */

.flexslider {
max-height: 100vh; 
margin-bottom: 50px;
}


.flex-control-nav {
display:none;
}

.slider-content{
position: absolute;
width: 80%;
text-align: left;
z-index: 99;
top: 50%;
left: 5%; 
}

.content-title h1{    
font-size: 50px;
font-weight: 400;
color: #fff;
text-transform: capitalize;
letter-spacing: 0px;
opacity: 0;
transform: translateY(50px);
transition: opacity 1s ease, transform 1s ease;
}

.content-text{
font-size: 100px;
font-weight: 700;
color: #fff;
opacity: 0;
transform: translateY(60px);
transition: opacity 1s ease, transform 1s ease;
}

.button-slider{
text-align:left;
margin-top: 10px;
opacity: 0;
transform: translateY(70px);
transition: opacity 1s ease, transform 1s ease;
}

.button-slider a{
text-decoration: none;
}

.slider{
background: transparent;
color: #fff;
text-decoration: none;
font-size: 16px;
padding: 5px 10px;
font-weight: 500;
border:2px solid #fff;
border-radius:10px;
}

.slider:hover{
background:#d81c52;
border:2px solid #d81c52;
  transition: 0.5s ease-in-out;
}

.slider-content:hover  .content-text{
opacity: 1;
transform: translateY(0);
}

.slider-content:hover  .content-title h1{
opacity: 1;
transform: translateY(0);
}

.slider-content:hover  .button-slider{
opacity: 1;
transform: translateY(0);
}


.flexslider-image-bg{ 
height:100vh; 
overflow:hidden;
}

#myVideo{
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
}

.video-button{
width: 7%;
position: absolute;
z-index: 99;
display: flex;
justify-content: right;
right: 5%;
bottom: 3%;
}


.video-button img{
width: 40px;
text-align: center;
}

.play-icon{
 display:none;
}


.video-button[data-playing="true"] .pause-icon {
display:block;
}

.video-button[data-playing="true"] .play-icon {
display:none;
}


.video-button[data-playing="false"] .pause-icon {
display:none;
}

.video-button[data-playing="false"] .play-icon {
display:block;
}

.black-bg{
position: absolute;
width: 100%;
height: 100%;
background-image:linear-gradient(to bottom, #00000087, #00000000, #00000000);
}



@media screen and (max-width:1150px) {
    .slider-content{
left: 3%; 
}


.video-button{
right: 3%;
}

.content-header h1 {
    font-size: 20px;
}

.content-text {
    font-size: 60px;
}
}

@media screen and (max-width:990px) {
.content-title h1{    
opacity: 1;
font-size: 20px;
transform: translateY(0px);
}

.content-text{    
opacity: 1;
font-size: 40px;
transform: translateY(0px);
}

.button-slider{
opacity: 1;
transform: translateY(0px);
}

.flexslider-image-bg {
height: 75vh;
}
}

@media screen and (max-width:500px) {
    .content-header h1 {
    font-size: 16px;    
}

.content-text{    
font-size: 30px;
}
    

.video-button{
    bottom: 2%;
}
.video-button img{
width: 30px;
}

}


/* Start Home packages section */
.home-packages{
    overflow:hidden;	
    margin:0px 0px;
    position: relative;
    
    }
    
    .container-packages{
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        gap: 30px;
        position: relative;
        align-items: center;
        justify-content: center;
        margin-left: 100px;
    }
    
    
    .packages-description {
        padding: 30px;
    }
    
    .packages-title{
        font-size: 50px;
        font-weight: 500;
        color: #000;
        text-transform:capitalize;
        position:relative;
        text-align:left;
    }
    
    .packages-text{
        color:#7d7d7d;
        font-size: 16px;
        word-spacing: 3px;
        line-height: 18px;
        text-align: left;
        font-weight: 300;
        padding: 30px 0;
    }
    
    .all-packages-button{
        text-align: left;
    }
    
    .all-packages-button a{
        text-decoration: none;
    }
    
    .all-packages{
        background: #d81c52;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 15px;
        border:none;
        font-weight: 500;
        text-align: center;
        border-radius: 10px;
    }
      
    .all-packages:hover{
        background:#144677;
          transition: 0.5s ease-in-out;
      }
    
      .packages-post {
        position: relative;
        width: 60vw;
    }
    
    .home-button-packages{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 20px 0;
        }
    
      .arrows-packages{
        position: relative;
        bottom: 0%;
        grid-template-columns: 30px 30px;
        display: grid;
       gap:10px;
        }
    
    .left-arrow-packages{
        background: url('images/aro-l-a.svg') center center no-repeat;
                background-repeat: no-repeat;
                cursor: pointer;
                background-size:30px;
                width:30px;
                height:30px;
                position: relative;
        }
    
        .right-arrow-packages{
            background: url('images/aro-r-a.svg') center center no-repeat;
                background-repeat: no-repeat;
                cursor: pointer;
                background-size:30px;
                width:30px;
                height:30px;
                position: relative;
        }
    
        .packages-full{
            padding-bottom:40px;
            margin-right:-150px;
        }
    
    
    .packages-col{ 
        overflow:hidden;
        align-items:center;
        border-radius: 20px;
        margin: 10px;
       }
    
       .packages-cover{
        background: #00000066;
        position: absolute;
        width: 100%;
        height:450px;
        top: 0;
        z-index: 9;
    }
    
    .packages-col-img{
        width: 100%;
        background: url() 50% 50% no-repeat;
        background-size: cover;
        background-clip: content-box; 
        position: relative;
        padding: 0px;
        height: 400px;
        transform: scale(1.1);
        transition: transform 6s, visibility 6s ease-in;
    }
    
    .packages-col-img::before{
         display:block;
         content:"";
         padding-top: 0%;
    }
    
    .packages-col:hover .packages-col-img{
        transform: scale(1);
    }
    
    .packages-col:hover .packages-cover{
        background: #00000066;
    }
    
    .packages-col:hover .packages-button{
        opacity: 1;
        transition:opacity 0.8s ease-in-out;
    }
    
    .packages-info{    
        position: absolute;
        display: grid;
        bottom: 0%;
        left: 3%;
        width: 90%;
        padding: 25px;
        z-index: 99;
    }
    
    .packages-sm-name{
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        }
    
        .packages-button{
        text-align: left;
        margin-top:5px;
        opacity: 0;
    }
    
    .packages-button a{
        text-decoration: none;
    }
    
    .explore-button-packages{
        background: transparent;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        padding: 3px 8px;
        border:1px solid #fff;
        font-weight: 400;
        border-radius:10px;
    }
      
    .explore-button-packages:hover{
        background:#d81c52;
        border:2px solid #d81c52;
        transition: 0.5s ease-in-out;
      }
    
     
    
    @media screen and (max-width: 1200px) {
        .container-packages{
            margin-left:50px;
        }
    }
    
       @media screen and (max-width: 990px) {
        .packages-button{
        opacity: 1;
    }
    
    
    .container-packages{
        grid-template-columns: 1fr;
        gap:  0px;
        margin-left:0px;
    }
    
    .packages-post {
        position: relative;
        width: 90vw;
    }
    
    .packages-title{
        font-size: 40px;
        text-align:center;
    }
    
    .packages-text{
        text-align: center;
    }
    
    .all-packages-button{
        text-align: center;
    }
    }
    
    
       @media screen and (max-width: 650px) {
        .packages-sm-name{
        font-size: 18px;
        padding:  10px;
        }
    
            .packages-cover{
        height:300px;
        }
    
        .packages-col-img{
            height:300px;
        }
    
        .home-packages{
     margin: 30px 0;
    }
       }

       
/* Home About */
.description-area{
    background:url() 50% 50% no-repeat; 
        background-size: cover;
        background-position: center center;
        position: relative;
       
}

.about-inner{
    padding: 100px;
    position: relative;
}

.about-title{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.about-text{
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

  .desc{ 
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
  }

  .about-bg {
    background: #0606068a;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    }

  @media screen and (max-width: 990px) {
    .about-inner{
    padding: 50px;
}

  }

  @media screen and (max-width: 760px) {
    .about-inner{
    padding: 30px;
}

    .about-text{
    font-size: 30px;}

    .about-title{
        font-size: 14px;}
  }

  /* Start Home Why box section */
  .container-why-box{
    margin:50px 100px 0;
    position: relative;
    overflow: hidden;
}

.why-book-title{ 
    color: #144677;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
 }

 .why-book-text{ 
    text-align:center;	
    color:#7f7f7f;
    font-size: 16px;
    font-weight:300;
    margin: 10px 200px;
 }

    .why-book-box-area{
        padding:50px 0px;
    }

.why-book-box-area-up {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    
}

.box-icon {
    text-align: center;
}

lord-icon {
    width: 100px;
    height: 100px;
}

.box-title {
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    /* padding: 0 50px; */
}

.box:hover .box-title{   
    color: #d81c52;

}

.about-button{
text-align:center;
 position: relative;
 margin:30px 0;
}

.about-button a{
text-decoration:none;
}

 .all-about{
        background: #d81c52;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 10px;
        font-weight: 500;
        border-radius:10px;
        border:none;
        }

        .all-about:hover {
        background:#144677;
	    transition: 0.5s ease-in-out;
        color: #fff;
        }

@media screen and (max-width:1560px) {
.why-book-text{ 
    margin: 10px 100px;
 }
}

    @media screen and (max-width:1300px) {
        .container-why-box {
            margin:50px 50px 0;
           }
}

@media screen and (max-width:1010px) {
.why-book-box-area-up{
    padding: 0 100px;
}
}

	@media screen and (max-width:990px) {
    .why-book-text{ 
    margin: 10px 50px;
 }

 .why-book-box-area-up {
    /* gap: 20px; */
  
}

lord-icon {
    width: 80px;
    height: 80px;
}
	}

    @media screen and (max-width:805px) {
        .why-book-box-area-up{
    padding: 0 0px;
}
    }

@media screen and (max-width:767px) {
    .container-why-box{
        margin:30px;}

    .why-book-text{ 
    margin: 10px 0px;
 }

.why-book-title {
    font-size: 30px;}

.box-title {
    font-size: 15px;}

}

/* Start Home Day Tours section  */
.container-day_tour {
    margin: 0;
    overflow: hidden;
    position:relative;
}

.day_tour{
    margin:50px 0px;
    margin-bottom:30px;
}

.day_tour-text{
    text-align:center;	
    color:#7f7f7f;
    font-size: 16px;
	font-weight: 300;
    padding: 30px 200px;
    padding-top: 0;
}

.day_tour-title{
    color: #144677;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-bottom:25px;
}

.day_tour-full{
	margin-right:-50px;
}

.day_tour-col{ 
    position:relative; 
    overflow: hidden;
    margin-right:30px;
    border-radius:20px;
   }

   .day_tour-cover{
    background: #000000ab;
    position: absolute;
    width: 100%;
    height:400px;
    top: 0;
    z-index: 9;
    opacity: 0;
}

.day_tour-col-img{
    width: 100%;
    background: url() 50% 50% no-repeat;
    background-size: cover;
    background-clip: content-box; 
    position: relative;
    padding: 0px;
    height: 400px;
    transform: scale(1.1);
    transition: transform 6s, visibility 6s ease-in;
}

.day_tour-col-img::before{
	 display:block;
     content:"";
     padding-top: 0%;
}

.day_tour-col:hover .day_tour-col-img{
    transform: scale(1);
}

    .day_tour-content{
    color: #fff;
    position: absolute;
    display: grid;
    bottom: -10%;
    left: 3%;
    width: 90%;
    padding: 25px;
    z-index: 99;
    }

.day_tour-sm-name{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    }

    .day_tour-desc{
        color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding:10px 0;
    opacity: 0;
    }

.day_tour-button{
    position: relative;
    margin-top:10px;
}

.explore-day_tour{
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 10px;
    border:2px solid #fff;
    font-weight: 500;
    border-radius:10px;
}

.explore-day_tour:hover{
    background:#d81c52;
    border:2px solid #d81c52;
	transition: 0.5s ease-in-out;
}

.day_tour-col:hover .day_tour-content{
    bottom: 0%;
    right: 3%;
    text-align: right;
    transition: opacity 1s ease; 
}

.day_tour-col:hover .day_tour-desc{
    opacity: 1;
    transition: opacity 1s ease; 
}

.day_tour-col:hover .day_tour-cover{
    opacity: 1;
    transition: opacity 0.6s ease; 
}

.home-button-area{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: relative;
        padding: 20px;
    }

.left-arrow-day_tour{
        background: url('images/aro-l-a.svg') center center no-repeat;
            background-repeat: no-repeat;
            cursor: pointer;
            width:30px;
            height:30px;
            position: relative;
        }

        .right-arrow-day_tour{
            background: url('images/aro-r-a.svg') center center no-repeat;
            background-repeat: no-repeat;
            cursor: pointer;
            width:30px;
            height:30px;
            position: relative;
        }

        .all-day_tour-button{
            position: relative;
        }

        .all-day_tour-button a{
        text-decoration: none;
    }

    .all-day_tour{
        background: #d81c52;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        padding: 5px 10px;
        font-weight: 400;
        border-radius:10px;
        border:none;
        }

        .all-day_tour:hover {
        background:#144677;
	    transition: 0.5s ease-in-out;
        color: #fff;
        }


    @media screen and (max-width: 1300px) {
        .day_tour-text{
    padding: 20px 100px;
    padding-top: 0;
}
}

   @media screen and (max-width: 990px) {

        .day_tour-text{
    padding: 20px 50px;
    padding-top: 0;
    }

    .day_tour-sm-name{
        opacity: 1;
    }

    .day_tour-title{
font-size:30px;
    }

    .day_tour-cover{
    height:300px;
    opacity: 1;
}

.day_tour-col-img{
    height:300px;
}

.day_tour-content{
    bottom: 0%;
    }

    .day_tour-desc{
  display:none;
    }

}

@media screen and (max-width: 767px) {
    .day_tour {
        margin:30px;
    }

    .day_tour-col{ 
    margin-right:0px;
   }

   .day_tour-full {
    margin-right: 0px;
}

        .day_tour-text{
    padding: 20px;
    padding-top: 0;
    }
   }

  
   /* Home Destination section */
   .des-section{
    position: relative;
    overflow:hidden;
    margin:50px;
   }


.des-title{
    color: #144677;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-bottom:25px;
}

.des-text{
    text-align:center;	
    color:#7f7f7f;
    font-size: 16px;
	font-weight:300;
    padding: 20px 200px;
    padding-top: 0;
}

.destinations{
    padding:30px 100px;
    position: relative;
   }

.container-des {
    text-align: center;
}

.des-category{
   display:grid;
   grid-template-columns:  1fr 1fr 1fr 1fr;
   gap: 20px;

}

.category-col{
   position: relative;
   /* border-radius:20px; */
}

.category-beach{
   width: 100%;
   background: url('images/beach.jpg') center center no-repeat;
   background-size: cover;
   background-clip: content-box; 
   position: relative;
   padding: 0px;
   height: 400px;
   border-radius: 20px;
}

/* .category-col:hover .category-beach{
  opacity: 1;
  width: calc(80% + 80px);
transition: width 1s ease, padding 1s ease;
 overflow:hidden;
} */


.category-safari{
   width: 100%;
   background: url('images/safari.jpg') center center no-repeat;
   background-size: cover;
   background-clip: content-box; 
   position: relative;
   padding: 0px;
   height: 400px;
   border-radius: 20px;
}


.category-culture{
   width: 100%;
   background: url('images/culture.jpg') center center no-repeat;
   background-size: cover;
   background-clip: content-box; 
   position: relative;
   padding: 0px;
   height: 400px;
   border-radius: 20px;
}

.category-eco{
   width: 100%;
   background: url('images/eco.jpg') center center no-repeat;
   background-size: cover;
   background-clip: content-box; 
   position: relative;
   padding: 0px;
   height: 400px;
   border-radius: 20px;
}


.category-cover{
   background: #00000066;
   position: absolute;
   width: 100%;
   height:400px;
   top: 0;
   z-index: 9;
   border-radius:20px;
   opacity: 1;
}

.category-info{
   width: 90%;
   position: relative;
   left: 50%;
   top: 50%;
   z-index: 99;
   transform: translate(-50%, 0%);
   -webkit-transition: -webkit-transform 1s;
   transition: transform 1s;
}

.category-name{
   color: #fff;
   font-size: 30px;
   font-weight: 600;
   text-align: center;
   opacity: 1;
   display:block;
}

.category-content{
    color: #fff;
   font-size: 15px;
   font-weight: 400;
   text-align: center;
   padding: 0 10px;
    opacity: 0;
}

.category-col:hover .category-cover{    
   opacity: 1;
   transition:opacity 1s ease-in-out;
}

.category-col:hover .des-button-all{    
   opacity: 1;
   transition:opacity 1s ease-in-out;
}

.category-col:hover .category-content{    
   opacity: 1;
   transition:opacity 1s ease-in-out;
}

.category-col:hover .category-info{   
    width: 100%; 
    transform: translate(-50%, -50%);
    transition: transform 1s;
}

.category-col:hover .category-name{    
 display:none;
  
}

.des-button-all{
   position: relative;
   text-align: center;
   padding:10px;
   opacity: 0;
}

.explor-all-des{
   background: transparent;
   color: #fff;
   border: 1px solid #fff;;
   position: relative;
   padding:5px 10px;
   font-size: 16px;
   font-weight: 500;
   text-align: center;
   cursor: pointer;   
   border-radius:20px;
   }

   .explor-all-des:hover{
    background:#d81c52;
    border:2px solid #d81c52;
	  transition: 0.5s ease-in-out;
   }

   @media screen and (max-width: 1500px) {
    .destinations{
    padding:30px 50px;
   }
}

   @media screen and (max-width: 1300px) {
   .des-text{
    padding: 20px 100px;
    padding-top: 0;
}

.des-category{
     grid-template-columns: 1fr 1fr;
     gap: 30px;
}
}

  @media screen and (max-width: 990px) {
    .des-section{
    margin:30px;
    }

    .destinations{
    padding:30px 0;
   }

   .category-name{
   font-size: 20px;}

   .category-col:hover .category-name{    
 display:block;
  
}

   .des-category{
     grid-template-columns: 1fr;
     gap: 30px;
}

.des-text{
    padding: 20px 0px;
    padding-top: 0;
}

.category-content{
    opacity: 1;
}

.des-button-all{
   opacity: 1;
}

.category-info{
   width: 70%;
   transform: translate(-50%, -50%);
}

.category-eco{
        width:100%;
        height: 300px;}

   .category-beach{
    width:100%;
    height: 300px;}

    
    .category-culture{
        width:100%;
        height: 300px;}

    .category-safari{
        width:100%;
        height: 300px;}

    .category-col:hover .category-beach {
    opacity: 1;
    width: calc(100% + 0px);
}

.category-col:hover .category-eco {
    opacity: 1;
    width: calc(100% + 0px);
}

.category-col:hover .category-culture {
    opacity: 1;
    width: calc(100% + 0px);
}

.category-col:hover .category-safari {
    opacity: 1;
    width: calc(100% + 0px);
}

.category-cover{
    height: 300px;}

    .category-name{    
   opacity: 1;
}

.category-name{
    font-size: 18px;}

}
    
@media screen and (max-width: 760px) {


.explor-all-des{
   font-size: 12px;
   border-radius:10px;
   padding: 0 5px;
   }

.category-cover{
   opacity: 1;
}

.des-title{
    font-size: 30px;}
}

/* Paralax section */
.paralax-section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.paralax-cover{
    background: #0606068f;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.paralax-inner{
padding: 100px;
position: relative;
    z-index: 999;
}

.paralax-title{
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}

.paralax-title1{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top:20px;
    text-align: center;
}
.paralax-button{
    position: relative;
   text-align: center;
   margin-top:20px;
}

.explore-btn{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
   }

   .explore-btn:hover{
    background:#d81c52;
    border:1px solid #d81c52;
	  transition: 0.5s ease-in-out;
   }


@media screen and (max-width: 990px) {
    .paralax-inner{
padding:50px 70px;
}

    .paralax-title1{
    font-size: 40px;
}

.paralax-title{
    font-size: 20px;}
}

@media screen and (max-width: 500px) {
    .paralax-inner{
padding:50px;
}

    .paralax-title1{
    font-size: 30px;
}

.paralax-title{
    font-size: 15px;}
}


/* Home Activity section  */
.home-activity{
    overflow:hidden;	
    margin:50px 100px;
    position: relative;
    }
    
    .container-activity{
    
    }
    
    .activity-description{
        margin-bottom:30px;
    }
    
    .activity-title{
        color: #144677;
      font-size: 50px;
      font-weight: 500;
      text-align: center;
    }
    
    
    .activity-text{
        color:#808285;
        font-size: 16px;
        word-spacing: 3px;
        line-height: 18px;
        text-align: center;
        font-weight: 300;
        padding: 10px 200px;
    }
    
    .all-activity-button{
        text-align: center;
        margin:30px 0;
    }
    
    .all-activity-button a{
        text-decoration: none;
    }
    
    .all-activity{
        background: #d81c52;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 10px;
        border:none;
        font-weight: 500;
        border-radius:10px;
    }
      
    .all-activity:hover{
        background:#144677;
        transition: 0.5s ease-in-out;
        color: #fff;
      }
    
      .activity-post {
        display: grid;
        grid-template-columns: 1fr   1fr ;
        gap:0px;	
    }
    
    .activity-full{
        display: grid;
        grid-template-columns:   1fr   1fr   1fr ;
        gap:0px;	
        width:100%;
    }
    
    .activity-col{ 
        position:relative; 
        overflow: hidden;
       }
    
       .activity-cover{
        background: #0000006e;
        position: absolute;
        width: 100%;
        height:200px;
        top: 0;
        z-index: 9;
        opacity: 0;
    }
    
    .activity-col-img{
        width: 100%;
        background: url() 50% 50% no-repeat;
        background-size: cover;
        background-clip: content-box; 
        position: relative;
        padding: 0px;
        height: 200px;
    }
    
    .activity-info{    
        width: 60%;
        position: relative;
        left: 50%;
        top: 50%;
        z-index: 99;
        transform: translate(-50%, -50%);
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
    }
    
    .activity-sm-name{
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        opacity: 0;
        }
    
    
    .activity-col:hover .activity-sm-name{
        opacity: 1;
        transition: opacity 0.6s ease; 
    }
    
    .activity-col:hover .activity-cover{
        opacity: 1;
        transition: opacity 0.6s ease; 
    }
    
    .activity-left-full{
        display: grid;
        grid-template-columns:   1fr ;
        gap:0px;	
        width:100%;
    }
    
    .activity-left-col{ 
        position:relative; 
        overflow: hidden;
       }
    
       .activity-left-cover{
        /* background: #000000ab; */
        background: linear-gradient(to top, #000, #00000073, #00000000);
        position: absolute;
        width: 100%;
        height:100%;
        top: 0;
        z-index: 9;
        opacity: 1;
    }
    
    .activity-left-col-img{
        width: 100%;
        background: url() 50% 50% no-repeat;
        background-size: cover;
        background-clip: content-box; 
        position: relative;
        padding: 0px;
        height: 100%;
    }
    
    .activity-left-info{    
        width: 90%;
        position: relative;
        text-align: center;
        top: 85%;
        z-index: 99;
        /* transform: translate(-50%, 0%);
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s; */
    
    }
    
    .activity-left-sm-name{
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        text-align: center;
        opacity: 1;
        }
    
    
    .activity-left-col:hover {
        box-shadow: 5px 4px 10px 0px rgba(0,0,0,0.61);  
        transition: transform .2s;
        transform: scale(1.1);
    }
    
    
    .activity-left-col:hover .activity-left-sm-name{
        opacity: 1;
    }
    
    .activity-left-col:hover .activity-left-cover{
        opacity: 1;
        transition: opacity 0.6s ease; 
    }
    
    
    @media screen and (max-width: 1400px) {
        .home-activity{
    margin:50px;
    }
    
    .activity-text{
        padding: 10px 100px;
    }
    
    .activity-sm-name{
        font-size: 15px;
        }
    
    }
    
       @media screen and (max-width: 990px) {
        .home-activity{
    margin:30px;
    }
    
        .activity-title{
      font-size: 30px;
    }
    
    .activity-subtitle{
        font-size: 40px;
    }
    
    .activity-text{
        padding:10px  30px;
    }
    
    .activity-left-cover{
        height:300px;
        opacity: 1;
    }
    
    .activity-left-col-img{
        height:300px;
    }
    
    .activity-cover{
        height:100px;
        opacity: 1;
    }
    
    .activity-col-img{
        height:100px;
    }
    
    .activity-sm-name{
        font-size: 14px;
        opacity: 1;
        }
    
        .activity-post {
        display: grid;
        grid-template-columns: 1fr ;
        gap:0px;	
    }
       }
    
       @media screen and (max-width: 650px) {
        .activity-sm-name{
        font-size: 12px;
        }
    
        
    .activity-left-cover{
        height:150px;
    }
    
    .activity-left-col-img{
        height:150px;
    }
    
    .activity-cover{
        height:150px;
    }
    
    .activity-col-img{
        height:150px;
    }
    
    .activity-left-info {
        top: 70%;
    }
    
    .activity-left-sm-name {
        color: #fff;
        font-size: 20px;}
       }