.sidebar-page-container {
    position: relative;

}
.sidebar-page-container .bride-crume {
   
    padding: 22px 0;
    margin-left: 17px;
}
.sidebar-page-container .bride-crume ul li {
    float: left;
    padding-right: 15px;
}
.sidebar-page-container{
          padding-top: 98px;
}
.sidebar-page-container .bride-crume ul li a {
    font-size: 11px;
    line-height: 15px;
    color: #888;    
    padding-right: 10px;

      background: url(../images/arrow-right.png) right 4px no-repeat;
}
.detail.package-deatils-top {
    width: 100%;
    position: relative;
    display: flex;
/*    max-width: 1295px;*/
     max-width: 1116px;
    margin: 0 auto;
}
.detail.package-deatils-top img {
    width: 50%;
    float: left;
}

.inclusion ul{
    margin-bottom: 12px;
}
.detail.package-deatils-top figcaption {
    width: 50%;
    text-align: left;
    padding: 20px;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0 5px 5px 0;
}
.mainheading h1 {
    font-weight: 600;
    font-size: 24px;
    color: #3b3e3b;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: roboto,sans-serif;
}
.imgcol {
    background-image: url(../images/imgcol.jpg);
    text-align: center;
}
.imgcol, .imgcols {
    background-repeat: no-repeat;
    height: 68px;
}
.imgcol p, .imgcols p {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    position: relative;
}
.imgcols {
    background-image: url(../images/imgco2.jpg);
    text-align: center;
    margin-top: 21px;
}
.cont-detail {
    margin-top: 0;
    z-index: 9999;
    width: 100%;
    margin-bottom: 14px;
}
.cont-detail, .room-sticky {
    display: contents;
    position: sticky;
    top: 0;
    float: left;
}
.cont-detail .tabs-nav2 ul {
    display: block;
    width: 100%;
    display: flex;
    background: #3c3c3c;
}
.cont-detail .tabs-nav2 ul li {
    text-align: center;
    line-height: 40px;
    padding: 0;
}
.cont-detail .tabs-nav2 ul li a {
    font-size: 13px;
    display: block;
    font-weight: 600;
    color: #fff;
    padding: 0 35px;
    cursor: pointer;
}
.cont-detail .tabs-nav2 ul li a, .room-sticky ul li a {
    line-height: 43px;
    text-align: center;
    position: relative;
}
.cont-detail .tabs-nav2 ul li a:before {
    background: #fff;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    content: "";
    transition: .5s;
    -webkit-transition: .5s;
}
#Overview.de-florest-outer, #rooms {
    padding-top: 0;
}
.de-florest-details {
    margin-bottom: 17px!important;
}
.de-florest-details p {
    color: #4a4a4a;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 25px;
    font-weight: 400;
    font-family: roboto,sans-serif;
    text-align: justify;
        margin-top: 10px;
}
#rooms {
    width: 100%;
    -webkit-box-shadow: inset 0 20px 20px -20px rgb(248 248 248 / 80%);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(248,248,248,.8);
    box-shadow: inset 0 20px 20px -20px rgb(248 248 248 / 80%);
}
.tabs-stage.package-details-plan #rooms .title {
    height: auto;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
#rooms .title {
    width: 100%;
    display: flex;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.trip-start {
    background: #fafafa;
    width: 100%;
    display: flex;
       padding-top: 22px;
}
.trip-start .trip-box {
    width: 100%;
    display: flex;
    border-radius: 7px;
    background: #fff;
    margin-bottom: 25px;
    justify-content: space-between;
    transition: .5s;
}
.trip-start .trip-box figure {
    float: left;
    width: 330px;
    border-radius: 7px;
    margin-bottom: 0;
    overflow: hidden;
}
.trip-start .trip-box figure img {
    transition: .3s;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item {
    background: url(/images/right-green.png) no-repeat 0px 2px;
    padding: 0px 0px 0px 20px;
    margin-bottom: 5px !important;
    font-size: 14px;
    color: #000;
    line-height: 23px;
}
.itema {
    background: url(https://www.kaziranganationalpark-india.com/package/images/redpho.jpg) no-repeat -6px 2px;
    padding: 3px 0px 0px 20px;
    margin-bottom: 5px !important;
    font-size: 14px;
    color: #000;
    line-height: 23px;
}
.trip-start .trip-box .cont-box {
    width: 1025px;
    padding: 25px 50px 25px 150px;
    position: relative;
}
.trip-start .trip-box .cont-box span {
  position: absolute;
    left: 35px;
    font-weight: 500;
    top: 50%;
    margin-top: -32px;
    width: 65px;
    height: 65px;
    padding: 0 6px 0 24px;
    border: 2px solid #64e31b;
    border-radius: 100%;
    background: #fff;
    color: #333;
    font-size: 23px;
    line-height: 71px;
}
.trip-start .trip-box .cont-box span small {
    font-size: 16px;
   
    font-weight: 500;
    position: absolute;
}
.tour-rot, .trip-start .trip-box .cont-box span small {
  line-height: 18px;
    display: inline-block;
    transform: rotate(1deg);
    vertical-align: middle;
    left: 13px;
    top: 8px;
}
.trip-start .trip-box .cont-box:hover span {
    background: #64e31b;
    color: #fff;
}
.trip-start .trip-box .cont-box span small:hover{
    color: #fff;
}
.container{
            max-width: 1320px !important;
}

.trip-start .trip-box .cont-box h3 {
    color: #161616;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    padding-bottom: 10px;
        font-family: roboto,sans-serif;
            text-transform: inherit;
}
.trip-start .trip-box .cont-box p {
    color: #161616;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}
.inclusion-exclusion {
    padding: 1px 0;
}
.boxfoo h3 {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    padding-bottom: 15px;
    font-weight: 600;
    display: block;
}
.addScrollbarChrome {
    max-height: 200px;
    overflow-y: auto;
}
.addScrollbarChrome li {
    font-size: 13px;
    line-height: 25px;
    color: #333;
    position: relative;
    padding-left: 25px;
    display: inherit;
}
.addScrollbarChrome li .fa.fa-check {
    padding-right: 8px;
    color: #3ec24b;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 8px;
}
.addScrollbarChrome li .fa.fa-times {
    padding-right: 8px;
    color: #f44336;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 8px;
}
.inclusion, .sticky-header .logo {
    padding: 2px 0;
}
.inclusion span, .inclusion-exclusion span {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    padding-bottom: 15px;
    font-weight: 600;
    display: block;
}
.inclusion ul li {
    background: url(../../images/red-hand.png) 0 5px no-repeat;
    margin-bottom: 1px;
    font-size: 13px;
    padding: 0 0 5px 25px;
    color: #161616;
        display: inherit;
}
.tabs-stage.package-details-plan #rooms .hotel-form .user-deatils {
    background: #585653;
    padding: 7px 15px;
    align-items: center;
    justify-content: space-between;
}
#rooms .title .col-lg-2, #rooms .title .col-lg-3 {
   
    height: 40px;
    line-height: 36px;
    font-size: 12px;
    text-transform: uppercase;
}
.tabs-stage.package-details-plan #rooms .hotel-form .user-deatils .col-lg-2 input, .tabs-stage.package-details-plan #rooms .hotel-form .user-deatils .col-lg-3 input {
    width: 100%;
    border: 1px solid #484747;
    padding: 0 15px;
    font-size: 12px;
    border-radius: 3px;
/*        height: auto !important;*/
}
.tabs-stage.package-details-plan #rooms .hotel-form .user-deatils .col-lg-2 input[type=submit], .tabs-stage.package-details-plan #rooms .hotel-form .user-deatils .col-lg-3 input[type=submit] {
    background: #0ab21b;
    color: #fff;
    transition: .5s;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #0ab21b;
    font-weight: 500;
    cursor: pointer;
}
.inclusion p{
        color: #100e0e;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}
.trip-start .trip-box:hover {
    box-shadow: 0 5px 30px 0 rgb(36 39 44 / 10%);
    background: #fdd02b4a;
}

/* Hotel Css*/
.de-florest-main {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
}
.de-florest-right {
    float: left;
    width: 75%;
    position: relative;
    padding-right: 0px;
}
.do-florest-left, .forser-map-rating {
    width: 25%;
    float: left;
}




.forser-map-rating {
    padding-right: 20px;
    display: none;
}
.floresta-map {
    padding-bottom: 10px;
    height: 170px;
	  display: none;
}
.floresta-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-rating {
    padding: 12px 9px;
    background: #fff;
}
.user-rating h3 {
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    color: #333;
        font-family: roboto,sans-serif;
}
.rating {
    padding-bottom: 10px;
}
.rating-description h3 {
    font-size: 13px;
    line-height: 15px;
    color: #333;
}
.rating-description p {
    font-size: 11px;
    line-height: 18px;
    color: #333;
        font-family: roboto,sans-serif;
}
 .fa-map-marker:before {
    color: #f44336;
    padding: 2px;
    font-size: 13px;
}
.de-florest-details label {
    color: #000;
    padding-top: 21px;
}
.de-florest-right .carousel-item img {
    width: 100%;
    max-height: 629px;
    object-fit: cover;
}
.card {
    background-color: antiquewhite;
}
.input-group >.form-control, .input-group >.form-select,  .card-body  select, .card-body  input {
    border-radius: 4px  !important;
    border: #918c8c solid 1px;
    max-height: 38px;
}
.card-body{padding-top:0px;}


.card-body .form-group {
    margin-bottom: 0.6rem;
}

.card-body label {
    display: inline-block;
    color: #383838;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 14px;
}




.form-group {
  
    margin-bottom: 1rem;
}
.input-group>.form-control, .input-group>.form-select {
 
    border-radius: 4px;
}
.recommend-combo .card .card-header h6{
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    line-height: 10px;
  margin: 9px;
    font-family: roboto,sans-serif;
}
.recommend-combo .card .card-header {

    background: #1d4768;
}
.mainheading h3 {
    font-weight: 600;
    font-size: 20px;
    color: #3b3e3b;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
    font-family: roboto,sans-serif;
}




/*Hotel foooter*/




 .hotel-section
        {
            background: rgb(241 171 67 / 15%);
          padding: 1% 0;
        }
/*        .container
        {
            position: static;
            max-width: 1240px;
           padding: 0px 15px;
          margin: 0 auto;
        }*/
        .hotel-block a{
            text-decoration: none;
        }
        .hotel-block
        {
            position: relative;
           margin-bottom: 30px;
           text-align: center;
            
        }
   
    .section-title h2
    {
    position: relative;
    font-size: 18px;
    color: #333333;
    font-weight: 500;
    line-height: 1.3em;
 
    text-transform: capitalize;
    font-family: roboto,sans-serif;
        }
        .image
        {
         flex-basis: 25%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
        }
       .image img{
     position: relative;
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 200px;
    
        }
         .lower-box h3{
            position: relative;
            color: #333333;
           font-size: 17px;
            font-weight: 500;
            
             margin-bottom: 0;
          
        }
        .designation .fa
        {
            font-size: 15px;
            color: #fd7e14;
            
        }
       
        
        .layer
        {
            background-color: transparent;
            height: 200px;
            width:100%;
            position: absolute;
            top: 0;
            left:0;
            transition: 0.3s;
        }
        .layer:hover{
            background-color: rgba(229, 90, 90, 0.7);;
        }
        .layer h3{
            width: 100%;
            font-weight: 600;
            color: #fff;
            font-size: 18px;
            bottom: 0;
            left:50%;
            transform: translate(-50%);
            position: absolute;
            transition: 0.3s;
            font-family: roboto,sans-serif;
        }  
        .layer:hover h3
        {
            bottom: 49%;
            opacity: 1;
        }
        
/*Hotel End*/
@media only screen and (max-width: 767px){
    .inclusion, .sidebar-page-container .bride-crume {
    padding: 5px 0;
}
.bride-crume {
    margin-top: -10px !important;
}
.sidebar-page-container .bride-crume ul li {
    padding-right: 6px;
}
.causes-single .list-item, .detail.package-deatils-top, .list-item .item-loop-list, .trip-start .trip-box {
    flex-wrap: wrap;
}
.detail.package-deatils-top img {
    width: 100%;
}
.detail.package-deatils-top figcaption {
    width: 100%;
    border: none;
}
.mainheading h1 {
    font-weight: 600;
    font-size: 18px;
}
.imgcol {
    width: 50%;
}
.imgcols {
    margin-left: 15px;
}
.cont-detail .tabs-nav2 ul li a {
    padding: 0 3px;
    font-size: 10px;
}
.de-florest-details {
    padding: 8px 0 0;
}
.trip-start {
    padding-top: 9px;
}
 .trip-start .trip-box {
    flex-wrap: wrap;
}
.trip-start .trip-box figure {
    width: 100%;
}
.trip-start .trip-box figure img {
    border-radius: 5px;
}
.trip-start .trip-box .cont-box {
    padding: 2px;
    width: 100%;
}
.trip-start .trip-box .cont-box h3{
    color: #161616;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    padding-bottom: 0px;
    font-family: roboto, sans-serif;
    text-transform: inherit;
}
.trip-start .trip-box .cont-box span {
    top: -167px;
    left: 20px;
    position: absolute;
    background: #64e31b;
    color: #fff;
}
.trip-start .trip-box .cont-box span small {
    color: #fff;
}
.tabs-stage.package-details-plan #rooms .hotel-form .user-deatils .col-lg-3 input {
    width: 100%;
    border: 1px solid #484747;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 3px;
}
#rooms .title .col-lg-2, #rooms .title .col-lg-3 {
    height: 47px !important;
}
#rooms .title .col-lg-2 {
    border-right: 1px solid #ddd;
    height: 46px;
    line-height: 36px;
    font-size: 12px;
    text-transform: uppercase;
}
.de-florest-right {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0;
}

.do-florest-left, .forser-map-rating {
    flex-wrap: wrap;
    width: 100%;
}
.forser-map-rating {
    width: 100%;
    padding-right: 0;
}
.de-florest-right .carousel-item img {
    width: 100%;
    height: auto;
}
}
     .tour-section
        {
            background: rgb(241 171 67 / 15%);
          padding: 1% 0;
        }
/*        .container
        {
            position: static;
            max-width: 1240px;
           padding: 0px 15px;
          margin: 0 auto;
        }*/
        .tour-block a{
            text-decoration: none;
        }
        .tour-block li{
            list-style: none;
        }
        .tour-block
        {
            position: relative;
           margin-bottom: 40px;
           
        }
     
.tour-block .inner-box {
    position: relative;
    background: #fff;
    border-radius: 5px;
}
    .section-title h2
    {
    position: relative;
    font-size: 22px;
    color: #333333;
    font-weight: 500;
    line-height: 1.3em;
    padding-bottom: 20px;
    text-transform: capitalize;
    font-family: roboto,sans-serif;
        }
        .image
        {
         flex-basis: 25%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
        }
       .image img{
     position: relative;
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 200px;
    
        }
        .tour-block .inner-box .lower-content {
    position: relative;
    padding-top: 14px;
    padding-left: 15px;
    margin-top: -23px;
    
        }
        .tour-block .inner-box .lower-content h3 {
    position: relative;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: roboto,sans-serif;
	margin-top: 3px;
        }
        .tour-block .inner-box .lower-content .text {
    position: relative;
    color: #423e3e;
    font-size: 13px;
    line-height: 1.7em;
    padding-left: 3px;}
         .fa
        {
            font-size: 15px;
            color: #fd7e14;
          font-weight: 900;
            
        }
       .content{
        position: relative;
        padding-bottom: 16px;
       }
       .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #000;}
        .layer
        {
            background-color: transparent;
            height: 200px;
            width:100%;
            position: absolute;
            top: 0;
            left:0;
            transition: 0.3s;
            text-align: center;
        }
        .layer:hover{
            background-color: rgba(229, 90, 90, 0.7);;
        }
		@media only screen and (max-width: 767px){
			.sidebar-page-container {
   
    margin-top: -68px;
}
			
			
		}