div#ccb-container {
    overflow-x: hidden;
    }
.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgb(255 255 255 / 32%); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: start;
  font-family: "Helvetica";
}
.blog-imgs{
	position: relative;
	margin-bottom: 10px;
}
p.overlay-p a,a:hover  {
    color: white !important ;
    text-decoration: none;
}
.overlay-p1 a {
    color: white;
    text-decoration: none;
}
.blog-imgs:hover .overlay {
  opacity: 1;
}
svg.j.e-font-icon-svg.e-fas-search {
    width: 22px;
    height: 18px;
    margin: 6px 7px 0 0 !important;
}

.blog-inner-img-1 {
    width: 200px !important; 
    height: 165px !important;
    object-fit: cover;
}
.overlay-padding{
	padding: 10px ;
}
.overlay-p1{
	font-size: 11px;
    line-height: 16px;
    margin: 0px !important;
}
.item-inner{
	position: relative;
}

.blog-inner-img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}
.overlay-p {
    margin: 0px;
}
#ccb-categories {
    display: flex;
    align-items: baseline;
}
#ccb-categories {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-left: 0px;
}

button.btn.btn-primary.active,
button.btn.btn-secondary.active {
    color: #000000 !important;
    outline: none !important;
    background: #00abc7 !important;
    border: none !important;
    font-size: 14px;
    font-weight: 700;
}
button.btn {
    color: black;
    background: none;
    border: navajowhite;
    font-weight: 600;
    padding: 3px 20px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    line-height: normal;
    border-radius: 50px;
    line-height: 14px !important;
    height: 35px;
}
button.btn:hover {
    color: #000000 !important;
    outline: none !important;
    background: #00abc7 !important;
    border: none !important;
    font-size: 14px;
    font-weight: 700;
}
input#ccb-search {
    background: #608c9f3d;
    outline: none;
    border: none;
    border-radius: 50px;
        padding: 4px 13px;
    border-radius: 50px;
    height: 33px;
}
.btn-secondary:hover {
    color: #00abc7 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
input#ccb-search::placeholder {
  color: #5f8ca0;
 	font-weight: 900;
    }
    .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgb(255 255 255 / 0%)!important;
}
.row {
   
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgb(38 143 255 / 0%) !important;
}



/* Mobile Styles (up to 767px) */
@media only screen and (max-width: 767px) {
div#ccb-categories {
    display: block;
    }
    /*img.blog-inner-img,*/
    /*.blog-inner-img-1 {*/
    /*    height: 355px !important;*/
    /*    width: 335px !important;*/
    /*}*/
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: left !important;
}
.overlay-p1 {
    font-size: 17px;
    line-height: 16px;
    margin: 0px !important;
}
.overlay {
    line-height: 16px;
    font-size: 17px;
    width: 335px  !important;
    }
}

/* Tablet Styles (768px to 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
 
}

.padding_001 {
    padding: 0px 5px;
}

.elementor-3235 .elementor-element.elementor-element-bfb1b1a:not(.elementor-motion-effects-element-type-background), .elementor-3235 .elementor-element.elementor-element-bfb1b1a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: contain !important;
    background-repeat: repeat !important;
    background-image: url(https://inextwebs.com/travel-5//images/bg-graphics-blue-edit.png) !important;
}

.elementor-element.elementor-element-cbd064d.e-flex.e-con-boxed.e-con.e-child {
    max-width: 940px !important;
    margin: auto !important;
    overflow-x: hidden !important;
}

@media only screen and (min-width: 1400px) {
    .elementor-element.elementor-element-cbd064d.e-flex.e-con-boxed.e-con.e-child {
        max-width: 1055px !important;
    }
}

.height_maintain_1 .blog-imgs.height_001:nth-of-type(1) img.blog-inner-img {
    height: 300px !important;
    width: 100% !important;
}

.height_maintain_1 .blog-imgs.height_001:nth-of-type(2) img.blog-inner-img {
    height: 145px !important;
    width: 100% !important;
}

.height_maintain_2 .blog-imgs.height_002 img.blog-inner-img-1 {
    height: 145px !important;
    width: 100% !important;
}

.height_maintain_3 .blog-imgs.height_003:nth-of-type(1) img.blog-inner-img {
    height: 255px !important;
    width: 100% !important;
}

.height_maintain_3 .blog-imgs.height_003:nth-of-type(2) img.blog-inner-img {
    height: 190px !important;
    width: 100% !important;
}

.height_maintain_1 .blog-imgs.height_001:nth-of-type(2) div p.overlay-p {
    font-size: 13px !important;
    line-height: 16px !important;
    margin: 0px !important;
}

.height_maintain_3 .blog-imgs.height_003:nth-of-type(2) div p.overlay-p {
    font-size: 14px !important;
    line-height: 16px !important;
    margin: 0px !important;
}

.div_001 {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    max-width: 650px;
    padding-bottom: 5px;
}

.div_001::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.div_001::-webkit-scrollbar-thumb {
    background: gray; 
}

nav {
    position: absolute !important;
    bottom: -7px !important;
}

.elementor-search-form__container {
    justify-content: end;
}

.div_003 {
    margin-right: 15px;
}

.ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support {
    margin-top: 50px;
}