/* ===================== start lib ===================== */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;700&family=Alexandria:wght@300;700&family=Aref+Ruqaa:wght@400;700&family=El+Messiri:wght@400;700&family=Tajawal:wght@400;700&family=Rubik:wght@300;700&family=Vazirmatn:wght@300;700&display=swap');
.overlay{position: absolute; display: block; width: 100%; height: 100%; top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5); z-index: 2; cursor: auto; }
h1 , h2 , h3 , h4, div , td {font-family: 'Vazirmatn', sans-serif;font-weight: bold;}
p , span , input , button{font-family: 'Vazirmatn', sans-serif !important;}
p{font-weight: normal;}
a , a:hover{text-decoration: none;color: unset;}
td{vertical-align: middle !important;}
.form-margin{
  margin: 15px auto;
}
ul li {list-style-type: none !important;padding: 12px 0px;margin-left: auto !important;}
.servList li i{
  text-shadow: 0 0 7px #FFC000, 0 0 10px #FFC000, 0 0 21px #FFC000, 0 0 42px #FFC000, 0 0 82px #FFC000, 0 0 92px #FFC000, 0 0 102px #FFC000, 0 0 151px #FFC000;
  color: #FFC000;
}
.servListt li i{
  text-shadow: 0 0 7px #FFC000, 0 0 10px #FFC000, 0 0 21px #FFC000, 0 0 42px #FFC000, 0 0 82px #FFC000, 0 0 92px #FFC000, 0 0 102px #FFC000, 0 0 151px #FFC000;
  color: #FFC000;
}
.servList{display: flex !important;}

footer p {font-size: 12px !important;}
.checkout-btn:hover{color: var(--mycolor);background-color: #fff !important;}
.navbar-brand{color: #2c3e50 !important;}
select , option {text-align: left;color: #000 !important;}
.input-group-text , .form-control{color: #000 !important;text-align: right;}
.form-control-en{text-align: left !important;}
.info-form .form-control{color: #000 !important;}
.form-control:focus{color: #fff;}
.sec-margin{margin: 70px auto;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: rgba(0,0,0,1);}
.overlay {
    position: absolute; 
    display: block; 
    width: 100%; 
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); 
    z-index: 2; 
    cursor: pointer; 
  }

  .mytitle {position: relative;margin: auto; text-align: center;margin-bottom: 5%;}
.underline {text-decoration: none; position: relative; }
.underline:after {
	position: absolute;
	content: '';
	height: 2px;
	bottom: -8px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 20%;
	background: #FFC000;
}
.htitle{
	text-align: center;
	text-transform: uppercase;
	font-size: 2.5rem;
	font-weight: bolder;
    font-family: 'El Messiri', sans-serif;
}
.divider-custom {
	margin: 0.25rem 0 1.5rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .divider-custom .divider-custom-line {
	width: 100%;
	max-width: 5rem;
	height: 0.4rem;
	background-color: #2c3e50;
	border-radius: 1rem;
	border-color: #2c3e50 !important;
  }

  .divider-custom .divider-custom-line:first-child {
	margin-left: 1rem !important;
  }

  .divider-custom .divider-custom-line:last-child {
	margin-right: 1rem !important;
  }

  .divider-custom .divider-custom-icon {
	color: #2c3e50 !important;
	font-size: 2rem;
  }

  .divider-custom.divider-light .divider-custom-line {
	background-color: #FFC000;
  }

  .divider-custom.divider-light .divider-custom-icon {
	color: #FFC000 !important;
  }
  .title-img{
    width: 50px;
    bottom: 5px;
  position: relative;
  }

/* ===================== end lib ===================== */
.scrolled nav {	
    transition: all 0.2s ease-out;
    top: 0;
}
/* ===================== start navbar ===================== */
.bg-light {
    background-color: #fff !important;
  }
nav {background-color: #fff !important; border-bottom: 3px solid #FFC000;height: 85px;overflow: hidden;
    position: fixed !important;
    top: 35px;
    width: 100%;
    z-index: 99;
    transition: all 0.2s ease-out;
}
.navbar-collapse {height: 100px;  }
.navbar-light .navbar-nav .nav-link{color: rgb(0, 0, 0);}
.nav-item{  padding: 30px !important;   -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out}
.nav-item:hover{ background-color: #FFC000;  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;  }
/* ===================== start navbar ===================== */
.navbar-brand{width: 100px;}
.nav-item {padding: 0 13px;}
.contact-top{width: 100%; background-color: #2f2f2f;color:#fff;text-align: center;}
.contact-top p {padding: 6px;margin-bottom: 0; }
.contact-top i{margin: auto 15px;color: #FFC000;}
/* ===================== start navbar ===================== */
/* ===================== start carousel ===================== */
.carousel-inner{height: 110vh;}
.carousel-control-next , .carousel-control-prev{z-index: 9 !important;}
.carousel-caption {
  position: absolute;
  left: 15%;
  top: 50vh;
  bottom: 0;
  right: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  z-index: 9;
  color: #fff;
}
.carousel-item {
    transition: transform .6s ease-in-out;
  }
  
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: opacity 0s .6s;
  }
  .header-text{
  position: absolute;
  top: 50vh;
  z-index: 9;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  color: #fff;}
  .header-text h2{color: #FFC000 !important;font-size: 3rem;}
  .btn-warning:hover{background-color: transparent; color: #FFC000;font-weight: bold;}
  .btn-warning{}
/* ===================== end carousel ===================== */

/* ===================== end carousel ===================== */
.serv-desc{padding: 20px;text-align: center;}
.serv-img{height: 140px;
    overflow: hidden;}
.serv-desc p {font-size: 14px;}

.serv-desc h4{position: relative;margin-bottom: 15px;font-size: 18px;color: #444444;}

.serv-box{box-shadow: 0px 3px 6px 0px rgba(153,153,153,0.5); transition: all .2s ease-in-out;}
.serv-box:hover{box-shadow: rgb(255, 192, 0) 0px 5px 15px;
    transition: all .2s ease-in-out;
}
/* ===================== end carousel ===================== */
.provided-block {
    background-image: url(../../assets/img/we-provide-bg.jpg);
  }

  .wshipping-content-block {
    padding: 80px 0px;
    background-color: #fff;
  }
.provided-block {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 520px;
  position: relative;
}
.provided-block::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.65);
  }

 .provide .btn-warning:hover{
    background-color: transparent; color: #FFC000;font-weight: bold;color: #2f2f2f;border-color:#2f2f2f}
    .provide {line-height: 3;color: #fff;}

/* ===================== end carosel ===================== */
/* ===================== start choose ===================== */
.choose-desc h4{position: relative;margin-bottom: 15px;font-size: 18px;color: #444444;}
.choose-desc h4::before {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #FFC000;
    display: block;
    width: 40px;
    right: 0px;
    bottom: -10px;}
    .choose-desc p{line-height: 3;}


  .chooseus-en  .choose-desc h4{position: relative;margin-bottom: 15px;font-size: 18px;color: #444444;}
   .chooseus-en .choose-desc h4::before {
        position: absolute;
        content: "";
        height: 2px;
        background-color: #FFC000;
        display: block;
        width: 40px;
        left: 0px;
        bottom: -10px;}
    .chooseus-en    .choose-desc p{line-height: 2;}
    
    .why-choose-us {
        margin-top: 20px;
        position: relative;
        width: 100%;
        float: right;
      }
      .why-choose-us .why-choose-us-icon {
        line-height: 56px;
        text-transform: uppercase;
        margin: 10px 0px;
        position: relative;
        font-size: 18px;
        color: #444444;
        padding-left: 40px;
        float: left;
        width: 100%;
      }
      .chooseus-en       .why-choose-us .why-choose-us-icon {
        line-height: 56px;
        text-transform: uppercase;
        margin: 10px 0px;
        position: relative;
        font-size: 18px;
        color: #444444;
        padding-left: 10px;

      }
      .why-choose-us .why-choose-us-icon::before {
        position: absolute;
        display: block;
        height: 2px;
        background-color: #FFC000;
        right: 0px;
        top: 50%;
        margin-top: -1px;
        content: "";
        width: 40px;
      }

      .chooseus-en .why-choose-us .why-choose-us-icon::before {
        position: absolute;
        display: none;
        height: 2px;
        background-color: #FFC000;
        right: 0px;
        top: 50%;
        margin-top: -1px;
        content: "";
        width: 40px;
      }
     

.why-choose-us-icon i.fa, .why-choose-us-icon i.fas, .why-choose-us-icon i.far {
        width: 56px;
        height: 56px;
        background-color: #FFC000;
        border-radius: 100%;
        color: #fff;
        text-align: center;
        margin-left: 18px;
        line-height: 56px;
        font-size: 28px;
        position: relative;
        z-index: 1;
      }


      
/* ===================== end choose ===================== */
/* ===================== start book ===================== */
.quote-form{border: 1px solid #FFC000;border-radius: 10px;box-shadow: #FFC000 0px 5px 15px;padding: 20px 10px;}
  .book .row{z-index: 9;position: relative;}
  .book .btn-warning:hover{
    background-color: transparent; color: #FFC000;font-weight: bold;color: #2f2f2f;border-color:#2f2f2f}
    .book .btn-warning{font-weight: bold;border-color: #2f2f2f;}
    .form-group {
        margin: 10px;
      }
/* ===================== end book ===================== */

.footer-bottom-area {
    background-color: #181818;
    color: #a7a7a7;
    font-size: 11px;
    text-transform: uppercase;
    padding: 25px 0px;
  }

  .slick-slide {
    margin: 0px 20px;
    }
    .slick-slide img {
    width: 100%;
    height: 300px;
    }
  .slick-list
  {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  }
  .slick-list:focus
  {
  outline: none;
  }
  .slick-list.dragging
  {
  cursor: pointer;
  cursor: hand;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
  .slick-track
  {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
  display: table;
  content: '';
  }
  .slick-track:after
  {
  clear: both;
  }
  .slick-loading .slick-track
  {
  visibility: hidden;
  }
  .slick-slide
  {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
  float: right;
  }
  .slick-slide img
  {
  display: block;
  }
  .slick-slide.slick-loading img
  {
  display: none;
  }
  .slick-slide.dragging img
  {
  pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
  display: block;
  }
  .slick-loading .slick-slide
  {
  visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
  display: block;
  height: auto;
  border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
  display: none;
  }

.mob{display: none !important;}
.nav-mob{display: none !important;}
.booknow:hover {color: #FFC000 !important;border-color: #FFC000 !important;}
@media screen and (max-width: 991px) {
  .desktop {display: none !important;}
  .contact-top {overflow: scroll;}
  .contact-top > * {
    margin: 0 !important;
  }
  .contact-top p {font-size: 11px;white-space: nowrap;}
  .navbar{display:none !important}
  .carousel-inner {
    height: auto !important;
  }
  .mob {padding:15px 2px }
  .mob{display: block !important;position: relative !important;top: 0;}
  .mob h4 {font-size:18px !important ; color:#000}
  .mob h2 {font-size:20px !important;}
  .mob button {font-size:12px }
  .overlay{opacity: 0 !important;}

  .serv-box{margin-bottom: 6% !important;}
  .htitle{font-size: 2rem !important;}
  .provide h1 {font-size: 20px ;}
  .provide h2 {font-size: 18px ;}

  .chooseus .col-lg-4{margin-bottom: 6% !important;}
  .chooseus-en .col-lg-4 , .chooseus-en .col-lg-6 , .chooseus-en .col-lg-2  {margin-bottom: 6% !important;}
  .why-choose-us span{font-size: 18px !important;}
  .mobile-nav{height:60px !important;}
  .mobile-nav {width: 100%;display: block !important;}
.mobile-nav .row > *{
  width: 20%;
  text-align: center;
  padding-top: 8px;
  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}
.nav-mob{display: block !important;}
.nav-icons{color: #FFC000 !important;}
.nav-mob{border-bottom: none !important;border-top: #FFC000 solid 3px !important;padding-top: 0 !important;height: 60px !important; padding-bottom: 0 !important;}
.mobile-nav .row > *:hover{
  box-shadow: rgb(64, 66, 65) 0px 5px 20px;
}
.mob-nav-text{font-size: 11px !important;}
.navbar{
  bottom: 0 !important;
  height: 48px;
  position: fixed !important;
  z-index: 999;
  background-color: #fff;
  width: 100%;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  box-shadow: #FFC000 0px 5px 20px;
  top: unset !important;
}
.chooseus-en .why-choose-us-icon i.fa, .why-choose-us-icon i.fas, .why-choose-us-icon i.far{margin-left: 0 !important; font-size: 17px !important;}
.chooseus-en .why-choose-us-icon i.fa, .why-choose-us-icon i.fas, .why-choose-us-icon i.far{width: 35px;
  height: 35px;line-height: 2;}
.chooseus-en  .why-choose-us span {
  font-size: 11px !important;
}
.chooseus-en .why-choose-us .why-choose-us-icon{ padding-left: 0 !important;}

.chooseus .why-choose-us-icon i.fa, .why-choose-us-icon i.fas, .why-choose-us-icon i.far{margin-left: 0 !important; font-size: 17px !important;}
.chooseus .why-choose-us-icon i.fa, .why-choose-us-icon i.fas, .why-choose-us-icon i.far{width: 35px;
  height: 35px;line-height: 2;}
.chooseus  .why-choose-us span {
  font-size: 17px !important;
}
.chooseus .why-choose-us .why-choose-us-icon{ padding-left: 0 !important;}
.chooseus .why-choose-us .why-choose-us-icon::before{display: none;}
.servList {
  display: block !important;
}
.servList li{font-size: 14px !important;}
.servListt li{font-size: 14px !important;}
}