main {
    margin-top: 5px;
}
		.section-title h2{
		text-align: center;
	}
.btn_1 {
    background: #fff;
    color: black;
}


.home_btn1 {
    color: white !important;
    font-weight: 600;
}


.popupform .box_style_1 {
    border: none;
}

#submit-booking{
    color: #fff!important;
    background-color: #20ab5c;
    border-color: #20ab5c;
    width: 100px;
    padding: 6px;
    border-radius: 4px;
}
.form-heading{
    font-size: 23px;
    font-weight: 700;
    text-align: center;
}

.sub-full{
    display: flex;
    justify-content: center;
}
/* ---------only for mobile view-- */
@media screen and (min-width: 768px){
    #banner-mob{
        display: none !important;
    }
    .popupform .box_style_1 {
        /* padding: 6px 0px 25px 22px !important; */
    }
}
@media screen and (max-width: 820px){
    .sidebar {
        width: 100%;
        display: flex;
        flex-direction: column-reverse !important;
    }
}
@media screen and (max-width: 347px){
  .home-featu-main {
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px){

        .useful-res .row a p{
            font-size: 10px;
        }

  /* === for mobile banner ======= */

  #banner-mob {
    background: linear-gradient(56deg, rgba(235,109,31) 15%, rgba(235,109,31) 37%, rgba(237,84,52,1) 60%, rgba(237,84,52,1) 91%);
    position: relative;
    margin-bottom: 10px;
  }
  #banner-mob .banner-content p {
    font-size: 24px;
    color: white;
    font-weight: 700;
  }
  .sub-cnt {
    color: white;
    font-size: 14px;
    width: 90%;
  }

  #banner-mob .banner-content {
    padding: 24px 0 24px 14px;
  }

  /* ============ */





#banner-list .slides>div {
border-right:none;
}


.listIndex{
    display: none;
}
.get_mob{
    text-align: center;
    margin: 0 !important;
    /* margin-top: -66px !important; */
    margin-top: -10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    }
#banner-mob{
    /* margin: 52px 10px 10px 10px; */
    margin: 34px 0px 10px 0px;
}
#banner-mob .col-md-4 {
	background-color: rgb(255 255 255 / 80%);
    box-shadow: 0px 6px 9px -3px #b0b1b3;
  }


/*  */
.mosaic_container .caption_2 {
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    z-index: 1;
    background: url(img/shadow.png) repeat-x left bottom !important;
    display: block;
    font-size: 18px;
    padding: 10px 15px;
    color: #fff;
    line-height: 1.2;
}

.listIndex{
    position: absolute;
    bottom: -39px;
    background-color: #eef3fc;
    border-radius: 13px;
    /* left: 6%;
    right: 6%; */
    left: 13%;
    right: 13%;
    padding: 10px 0;
    text-align: center;
    box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 75%);
}
.home_btn1 {
    color: white !important;
    font-weight: 600;
}




h1.main_title, h2.main_title {
      font-size: 30px !important;
      }
      #container_1, #container_2, #container_3, #container_4, #container_5, #container_6 {
          padding: 0 5px 10px 10px;
          position: relative;
          width: 100%;
          margin: 14px 0;
      }
      main {
        margin-top: 25px !important;
      }
      #container_1, #container_2, #container_3, #container_4, #container_5, #container_6 {
        padding: 0 5px 10px 0px !important;
      }

}

 @media screen and (max-width: 567px){
  .slides > div {
	width: 38% !important;
  }
 }





/* ------------------------------ */

.useful-res{
    margin-bottom: 30px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

/* -------------home feature-- */
.home-feature .feature-item{
    background-color: #eef3fc;
    padding: 25px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-left: 10px;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 75%);
}
.row.slidesInd {
    padding: 10px 0;
}
.home-feature .card-title{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;

    font-size: 16px;
    color: #ed5434;
    font-weight: 500;
}

.home-feature .card-text{
    text-align: center;
}

/* ------------sliderInd for mobile device ------------------------------- */
/* @media screen and (min-width:568px) { */
    @media screen and (min-width:1001px) {

	.slidesInd {
	display: flex;
	overflow-x: auto;
  }
  
  .slidesInd > div{
	scroll-snap-align: start;
	  width: 250px;
	  height: auto;
	  /* margin: 0 10px; */
	  position: relative;
      text-align: center;
  	}

  }
  
  /* @media screen and (max-width:567px) { */
    @media screen and (max-width:1000px) {

  .sliderInd {
		width: 100%;
	  text-align: center;
	  overflow: hidden;
  }
  .slidesInd {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
  }
  .slidesInd::-webkit-scrollbar {
	width: 10px;
    display: none;
  }
  .slidesInd::-webkit-scrollbar-thumb {
	background: gray;
	border-radius: 10px;
  }
  .slidesInd::-webkit-scrollbar-track {
	background: transparent;
  }
  .slidesInd > div {
	scroll-snap-align: start;
	  flex-shrink: 0;
      width: 70%;
      margin: 8px 0 6px 1px;
	  position: relative;
  }
  }




@media (max-width: 767px){
    #container_3, #container_4 {
        width: 100%;
    }
    .listIndex {
            bottom: -90px;
            left: 0;
            right: 0;
            border-radius: 0px;
        }
        .container.home-feature{
            padding: 0px !important;
        }
}

@media screen and (min-width:768px) {
    .slidesInd > div {
    width: 45% !important;
    }

.useful-res .slides1.row{
    /* margin-left: 50px; */
}

.home_btn1{
    /* background-color: #ed5434 !important; */
    background: #30b2f9 !important;
    color: white !important;
    }
    #container_1, #container_2, #container_3, #container_4, #container_5, #container_6{
	padding: 0 5px 10px 10px;
	width:200px !important;
}
#book_container{
	padding:15px 15px 10px 10px !important;
}

.cloud-move-belt{
display:none;
}
}

/* -------------------- */
                    /* ------------------ */
                    .cloud-move-belt .row{
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 10px;
                /* flex-wrap: wrap; */
            }
            .cloud-move-belt {
                padding-top: 6px;
                padding-bottom: 6px;
                margin: 0;
                background-color: #FBE6E8;
            }
            .cloud-move-belt h3 {
                text-align: left;
                color: #191919;
                font-size: 54px;
                line-height: 80px;
                letter-spacing: -0.2px;
                font-weight: 500;
                padding-bottom: 0;
                margin: 0;
                position: relative;
            }
            .cloud-move-belt .cloud-move-belt-image {
                /* padding-left: 10px; */
            }
            .cloud-move-belt .cloud-move-belt-image img {
                height: 54px;
            }
            .cloud-move-belt .cloud-move-belt-copy p {
                font-size: 15px;
                font-weight: 500;
                text-align: center;
                color: #191919;
                margin: 0;
            }
            .cloud-move-belt .footer-belt-btn {
                cursor: pointer;
                /* width: 130px; */
                text-align: center;
            }

            .cloud-move-belt .btn.btn-reg {
                border-radius: 3px;
                box-shadow: 0 3px 11px 0 rgba(161,161,161,0.5);
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                padding: 3px 6px;
                overflow: visible;
            }
            .cloud-move-belt .btn.btn-red,.btn.btn-red a {
                background: #ed5434;
                color: #fff;
            }
/* ///////////////////// */

/* .scrollUpbar {
        background-color: white;
        box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 75%);
        
    }
    #bottomMenu .icon-calculator,#bottomMenu .icon-mail-alt,#bottomMenu .icon-phone {
    font-size: 20px !important;
    color: #1098e2 !important;
    }
    .scrollUpbar .go-top_3 img {
        width: 30px;
        padding: 4px;
    } */
    .scrollUpbar a {
    color: white;
    padding: 0;
    height: 45px;
    }
    .scrollUpbar .go-top_3 img {
    width: 25px;
    padding: 4px;
    }
    .bottomMenu .icon-phone, .bottomMenu .icon-comment, .bottomMenu .icon-mail-alt {
        font-size: 16px;
        color: white;
    }

/* ////////////////////////////////////////////////////////////////////////////////////// */
    .home-featu{
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
    }
    .sub-feature{
        padding: 22px 30px 22px;
    border-radius: 20px;
    box-shadow: 0 4px 18px 0 rgba(0,0,0,0.06);
    /* border: solid 1px #f2f2f2; */
    border: solid 1px #d4cfcf;
    background-color: #fff;
    position: relative;
    height: 186px;
    margin: 5px;
    /* display: flex; */
    width: 100%;

    }
    .sub-feature h3{
        font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: 600;
    }
    .sub-feature p{
        max-width: 176px;
        margin-top: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    }
    .feat-logo{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    /* background: #f9f3f9; */
    border-top-left-radius: 50px;
    }
    .feat-logo img{
        padding: 20px;
    }
    .fl1{
        background: #E5F7FF;
    }
    .fl2{
        background: #FFEDEF;
    }
    .fl3{
        background: #EBFFED;
    }
    .fl4{
        background: #FFFAEB;
    }
    .fl5{
        background: #FFFBE5;
    }
    .fl6{
        background: #e4f3ef;
    }

    /* @media screen and(min-width:769px) and (max-width:991px) { */
        @media only screen and (max-width: 991px) and (min-width: 769px)  {
        .sub-feature{
            width: 100% !important;
        }
        .sub-feature p {
            max-width: 150px !important;
        }
        .sub-feature {
            height: 238px;
        }
    }

    @media screen and (max-width:768px) {



        .sub-feature p {
            max-width: 120px;    
        }
        .feat-logo img {
            padding: 14px;
            width: 74px;
        }
        .feat-logo{
            width: 74px;
            height: 74px;
        }
        .home-featu{
            display: flex;
            flex-direction: column;
        }
        .sub-feature{
            /* height: 212px; */
            height: 170px;
            margin: 5px;
            width: 100% !important;
            overflow: hidden;
        }   
    }
/* ///////////// */
@media screen and (min-width:568px) {
	.slides2 {
	display: flex;
	overflow-x: auto;
  text-align: center;
  justify-content: center;
  }
  
  .slides2 > div{
	scroll-snap-align: start;
	  width: 250px;
	  height: auto;
	  margin: 0 10px;
	  position: relative;
  	}
.home-featu-main .slides2{
    display: flex;
    flex-wrap: wrap;
    height: auto;

}
.home-featu-main .slides2 > div{
    width: 30%;
    margin-left: 11px;
}

}
@media screen and (max-width:567px) {

.slides2 {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
margin: 0;
height: 265px;
}
.slides2::-webkit-scrollbar {
width: 10px;
height: 2px;
}
.slides2::-webkit-scrollbar-thumb {
background: gray;
border-radius: 10px;
}
.slides2::-webkit-scrollbar-track {
background: transparent;
}
.slides2 > div {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 82%;

    margin: 8px 18px 6px 0px;
    position: relative;

}
.slider2 > a {
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
background: white;
text-decoration: none;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 0 0.5rem 0;
position: relative;
}
.slider2 > a:active {
top: 1px;
}
.slider2 > a:focus {
background: #000;
}

  }
/* ---------------- -------------*/
/* ///////////////////-------news section------- */

#news-list .slides-news1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* flex-wrap: wrap; */
}
#news-list .slides-news div {
	width: 50%;
	position: relative;
	padding-left: 30px;
	padding-bottom: 20px;
}
#news-list .slides-news div a{
	color: #999;
	font-size: 15px;
	font-weight: 500;
	outline: 0;
}
#news-list .slides-news div:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 3px;
	width: 100%;
	background-color: #da251c;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
	transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);
	-o-transition: transform .5s cubic-bezier(.165,.84,.44,1);
	transition: transform .5s cubic-bezier(.165,.84,.44,1);
	transition: transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
}

 #news-list .slides-news div:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

@media screen and (min-width:568px) {
.slides-news {
display: flex;
/* overflow-x: auto; */
text-align: center;
justify-content: center;
}

.slides-news > div{
scroll-snap-align: start;
width: 250px;
height: auto;
margin: 0 10px;
position: relative;
}

}

@media screen and (max-width:567px) {
.slider-news {
width: 100%;
text-align: center;
overflow: hidden;
}

.slides-news {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.slides-news::-webkit-scrollbar {
width: 10px;
display: none;
}
.slides-news::-webkit-scrollbar-thumb {
background: gray;
border-radius: 10px;
}
.slides-news::-webkit-scrollbar-track {
background: transparent;
}
.slides-news > div {
scroll-snap-align: start;
flex-shrink: 0;
width: 42% !important;
margin: 8px 0 6px 1px;
position: relative;

}
.slider-news > a {
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
background: white;
text-decoration: none;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 0 0.5rem 0;
position: relative;
}
.slider-news > a:active {
top: 1px;
}
.slider-news > a:focus {
background: #000;
}
.slider-news {
width: 100%;
text-align: center;
overflow: hidden;
}

}

/* ----------------------- */
/* ---------- */

/* .navbar {
    position: relative;
    min-height: unset;
    margin-bottom: 0px;
    border: none;
}
.menu-link {
    font-size: 1.5rem;
}
.header {
    padding: 11px 70px;
} */

@media screen and (max-width: 567px)
{
  .useful-res .row a {
    width: 46%!important;
}
}

@media screen  and (min-width: 769px){
  .gallery-photo .col-sm-6 {
    width: 50%;
    float: left;
  } 
  .row.row-30{
    display: flex;
    justify-content: center;
  }
}
@media screen  and (max-width: 769px){

}
@media (min-width: 1200px)
{
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }

}

.gallery-photo .col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.mosaic_container {
    position: relative;
}
.col-xs-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    /* padding-right: 15px; */
    padding-left: 2px;
}
p.lead.styled {
    text-align: center;
    font-size: 14px;
    padding: 0 10%;
    margin-bottom: 45px;
}
.section-title {
    text-align: center;
    padding-bottom: 15px;
}
h1.main_title, h2.main_title {
    text-align: center;
    margin: 0 0 30px;
    padding: 0;
    font-size: 42px;
    color: #ed5434;
    text-transform: uppercase;
}

/* ------ */

.parallax-window {
  background-image: url("img/cloud_packers_banner.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0% 0%;
}
#subheader_home {
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
    height: 388px;
}
#booking #sub_content {
    padding: 0 20px 0;
}
#sub_content {
    display: table-cell;
    padding: 70px 15% 0;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
}
#book_container {
    background-color: rgba(0,0,0,.7);
    text-align: left;
    display: inline-block;
    padding: 5px 0 10px 0;
    position: relative;
}
@media screen and (min-width: 768px)
{
#container_1, #container_2, #container_3, #container_4, #container_5, #container_6 {
    padding: 0 5px 10px 10px;
    width: 200px !important;
}
.feat-logo img {
    padding: 11px;
    width: 68px;
    height: 61px;
}
}

#container_1, #container_2, #container_3, #container_4, #container_5, #container_6 {
    display: inline-block;
    padding: 0 5px 10px 10px;
    position: relative;
}
.contact-dit{
  display: block !important;
}

/* ======================== */

 /* ============= */
        /* ------------- */
        /* @media screen and (max-width:768px) { */
          @media screen and (max-width:425px) {
            .popupform {
                  width: 100% !important;
               }
            }
            @media screen and (min-width:426px) {
            .popupform {
                  width: 360px !important;
               }
            }
            .popupform{
               /* width: 35%; */
               padding: 15px;
               border-radius: 8px;
               box-shadow: 0 3px 12px 0 rgba(0,0,0,0.16);
               /* background-color: #eef3fc; */
               background: white;
               margin: auto;
               
            }
            .popupform input, .sel-range {
                border: 1px solid gray;
            }
            .backgroundOverlay {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
                background: #000;
                opacity: 0.85;
                filter: alpha(opacity=85);
                -moz-opacity: 0.85;
                z-index: 101;
                display: none;
            }
            /* This is the Popup Window */
            .delayedPopupWindow {
                display: none;
                position: fixed;
                width: 100%;
                top: 90px;
                /* background-color: #efefef;
                border: 2px solid #333; */
                z-index: 102;
                padding: 10px 20px;
            }
            /* This is the closing button */
            #btnClose {
                width: 100%;
                display: block;
                text-align: right;
                text-decoration: none;
                color: #151212;
                font-weight: 900;
            }
            /* This is the closing button hover state */
            #btnClose:hover {
                color: #c90c12;
            }
            .popupform .img-pop{
              display: flex;
              justify-content: center;
            }
            .popupform .box_style_1 {
              /* border: none; */
              padding: 6px 25px 25px 25px;
            }
            #btnClose1{
              border: none;
              font-family: inherit;
              font-size: inherit;
              color: #fff;
              width: 100%;
              background: gray;
              cursor: pointer;
              padding: 8px 20px;
              display: inline-block;
              outline: none;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              transition: all 0.3s;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              border-radius: 3px;
              text-transform: uppercase;
              display: block;
              text-align: center;
              font-weight: 600;
              font-display: swap;
            }
            
            .popupform .box_style_1 {
              /* background-color: #eef3fc; */
              background: white;
            }
/* ============= */
            .subft-links{
              background-color: #f9f9f9;
              padding: 10px;
            }
        .subft-links ul{
          list-style: none;
          display: flex;
          flex-wrap: wrap;
          gap: 15px;
        }
        .subft-links ul li{
          position: relative;
          font-size: 10px;
          padding: 0 5px;
          margin-bottom: -10px;
        }
        .subft-links ul li::before{
          content: '';
          width: 1px;
          height: 13px;
          background-color: #000;
          position: absolute;
          right: -10px;
          top: 0;
          transform: rotate(21deg);
        }
        /* .subft-links ul li{
          padding-right: 10px;
          border-right: 2px solid black;
        } */

/* ========================= for popup ===================================================== */