﻿.Packagesexplore
{
 overflow:hidden;
 border-radius:5px;
 margin:10px 0;   
}
.Packagesexplore img
{
    width:100%;
    height:auto;    
}
.sections
{
    padding:30px 0;    
}
.companybest-inner
{
  display:flex;
  align-items:center;
  justify-content:flex-start;  
    
}
.companybest-img
{
    margin-right:10px;
}
    .companybest-img img
{
    width:80px!important;
    height:auto;
}
.companybest-txt h5
{
    font-size:18px;
    color:#1a1a1a;
    font-weight:500;
    margin:0;
    padding:0;
}
.companybest-txt p
{
    font-size:15px;
    color:#1a1a1a;
    font-weight:400;
    margin:0;
    padding:0;
}
.shadow2
{
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    margin:10px 0;
    transition:all ease-in-out 0.3s;
}
.shadow2:hover
{
    transform: translateY(-5px); 
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;      
}
.gray-section
{
    background:#f0f0f0;
}
.main-title
{
    margin-bottom:25px;
    text-align:center;
}
.explore-packages
{
    border-radius:5px;
    overflow:hidden;
    position:relative;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.explorepckg-txt
{
    background:rgb(154, 36, 197, 0.7);
    padding:10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:16%;
    border-radius:2px;
    transition:height 0.5s,background 0.3s;
}
.explore-packages:hover >.explorepckg-txt
{
    height:50%;
    background:rgb(154, 36, 197, 0.7);
}
.explore-packages:hover>.explorepckg-txt h5,.explore-packages:hover>.explorepckg-txt p
{
    color:#fff;
}
.explorepckg-txt h5
{
    font-size:18px;
    color:#fff;
    font-weight:500;
    margin:0;
    padding:0;
}
.explorepckg-txt p
{
    font-size:15px;
    color:#fff;
    font-weight:400;
    margin:0;
    padding:0;
}
.abt-cmpny
{
    
}
.abt-cmpny p
{
    font-size:15px;
    color:#1a1a1a;
    font-weight:400;
    margin:0;
    padding:0;
    text-align:justify;
}
.easy-steps-div
{
    background:#fff;
    border-radius:5px;
}
.easy-steps-div .easy-teps-image
{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 10px;
}
.easy-steps-div .easy-teps-image img
{
    width:50px;
}
.easy-steps-div .easy-teps-text
{
    padding:0px 15px 15px;
}
.easy-steps-div .easy-teps-text h5, .best-packages-text .best-packages-div h5
{
    font-size:18px;
    color:#1a1a1a;
    font-weight:500;
    margin:0;
    padding:0;
    text-align:center;
}
.easy-steps-div .easy-teps-text p,.best-packages-text .best-packages-div p
{
    font-size:15px;
    color:#1a1a1a;
    font-weight:400;
    margin:0;
    padding:0;
    text-align:justify;
}
.best-packages-text
{
   background:#fff;
   border-radius:5px; 
   min-height:360px;
   max-height:360px;
}
.best-packages-text .best-packages-image
{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 10px;
}
.best-packages-text .best-packages-image img
{
    border:2px solid #9a24c5;
    border-radius:50%;
    padding:5px;
    width:80px;
}
.best-packages-text .best-packages-div
{
    padding: 0px 20px 15px;
}
.best-packages-text .best-packages-div h6
{
    font-size:16px;
    color:#9a24c5;
    font-weight:600;
    margin:0;
    padding:0;
    text-align:center;
}
.best-packages-text .best-packages-div .trvldt
{
    font-size:12px;
    color:#1a1a1a;
    font-weight:500;
    margin:0;
    padding:0;
    text-align:center;
}
.popular-desti
{
 position:relative;  
 border-radius:5px;
 overflow:hidden; 
}
.popular-desti::before
{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(255,255,255,0.1);
    /*background:rgba(154,36,197,0.2);*/
        
}
.popular-desti:hover:before
{
    background:rgba(154,36,197,0.7);
        
}
.citynamebokking
{
    display:block;
    text-align:center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height:10%;
    transition:all ease-in-out 0.3s;
    width:85%;
}
.popular-desti:hover> .citynamebokking
{
    height:50%;    
}
.citynamebokking .citynames p
{
    font-size:16px;
    color:#9a24c5;
    font-weight:600;
    margin:0;
    padding:4px 25px;
    text-align:center;
    background:#fff; 
    border-radius:5px;    
}
.citynamebokking .booknowbtnd
{
   margin-top:20px;     
}
.citynamebokking .booknowbtnd a
{
    font-size:20px;
    color:#9a24c5;
    font-weight:600;
    margin:0;
    text-align:center;      
}
.popular-desti:hover>.citynamebokking .booknowbtnd a
{
    border:2px solid #fff;
    color:#fff;
    padding:5px 15px;    
}
.currencyimage
{
    width:60%;
    margin:10px auto;
}
/**/
/**/
@media only screen and (max-width: 1200px)
{
    .citynamebokking .booknowbtnd a
    {
        font-size:16px;
    }
}
@media only screen and (max-width: 991px)
{
    .explorepckg-txt {
        height: 25%;
    }
    .newfooter
    {
        padding:50px 0px;
    }
    .currencyimage
{
    width:100%;
}
.citynamebokking .booknowbtnd a
{
    border:2px solid #fff;
    color:#fff;
    padding:5px 15px;    
}
.citynamebokking{
    height:6%;
}
.logo-div {
    margin-top:15px;
}
}
@media only screen and (max-width: 767px){
    
   .citynamebokking{
    height:21%;
} 
.smcolor {
    padding: 15px 0px 0!important;
}
.psection{
    padding:2px 0px;
}
.companybest{
    padding: 0px 0 0 0;
}
}
@media only screen and (max-width: 600px)
{
    .explorepckg-txt
    {
        height:100%;
        text-align:center;
    }
    .explore-packages:hover >.explorepckg-txt
{
    height:100%;
}
}