/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.logo{width:135px;height:auto;padding:0px 5px 5px 5px;}
.logo img{border-radius: 4px;}
#topbar{background-color: #02145c;}
.tour-package p a{font-weight:900;padding:10px 0px;}
.tour-package .card-body{padding:1rem;}
.height400{height:300px;}
.popular-tour .desti {position:relative;}
.popular-tour .desti p{position: absolute;
    bottom: 30px;
    background: black;
    left: 20%;
    padding: 5px;
    width: 50%;
    color: #fff;
    font-weight: 900;}
.wd70{width:70%;}

/*** css BY LOGI-DEST******/
#topbar .top-menu > li > a{color:#fff;}
#topbar .social-icons li a{color:#fff;}
#footer .copyright-content{background-color: #02145c;color:#fff;}
.inspiro-slider .slide .slide-captions h2{font-size:40px;}
#footer .footer-content{background: #413696;background: rgb(8,146,208);background: linear-gradient(159deg, rgba(8,146,208,1) 0%, rgba(75,0,130,1) 100%);}
.ftr-logo{border-radius: 5px;
    border: solid 6px #a3c3e0;
   }
#footer .footer-content ul.list li a{color:#fff;}
#footer .footer-content .widget-title{color:#fff;font-weight:900;}
.card.card-body h2{color: #2f3ca2 !important;}
.mb-25{margin-bottom:-15px;}
.c-form{background: linear-gradient(159deg, rgba(8,146,208,1) 0%, rgba(75,0,130,1) 100%);padding:15px;border-radius:5px;}
.c-form label{color:#fff !important;}
.c-form i{color:#fff !important;}
.bg22{background: #dbe7ff;border-bottom: solid 5px #2c44a7;}
.bg22 h3{color:#2c44a7 !important;}
form{background: linear-gradient(159deg, rgba(8,146,208,1) 0%, rgba(75,0,130,1) 100%);}
@media(max-width:480px) and (min-width:320px){
#topbar .top-menu > li > a{font-size:10px;}
}