/* 

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

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

*/
.logo{width:240px;height:auto;padding:0px 5px 5px 5px;}
.logo img{border-radius: 4px;}
#topbar{background-color: #d50006;}
#topbar .top-menu > li > a{color:#fff !important;}
#topbar .social-icons li a{color:#fff !important;}
.tour-package p a{font-weight:900;padding:10px 0px;}
.tour-package .card-body{padding:1rem;}
.height400{height:300px;}
.popular-tour .desti {position:relative; border: inset 25px #4a8ac8;background: #2d4778;}
.popular-tour .desti p{position: absolute;
    bottom: 10px;
    background: black;
    left: 20%;
    padding: 5px;
    width: 50%;
    color: #fff;
    font-weight: 900;}
.wd70{width:70%;}
#footer .copyright-content{background:#000 !important;}
#footer .footer-content{background: #292828;}
#footer a:not(.btn):not(:hover), #footer .widget .widget-title, #footer .widget h4{color:#fff;}
.img-content img{border: inset 15px #4a8ac8;}
.prdct-page h3{font-size: 18px;
    color: #d21f26 !important;
    font-weight: 600;}
.c-form .form-group{padding:0px !important}
.heading-text.heading-section h2{font-size:26px !important;}