@import url("fontStyles.css");

/* Menu */
#menu {
  border-bottom: 2px solid #dfe0e2;
}

.nav-link {
  font-weight: 400;
  font-size: 15px;
  color: #0d223e;
  padding: 7px;
}

.nav-link:hover {
  color: #ccaf88;
}




.zirmajmooeLink {
  /* background: #86909e;
  border-radius: 100px;
  color: #fff;*/


  margin-top: -15px;
  background: #B5B8C2;
  border-radius: 100px;
  color: #fff;
  padding:5px 10px;
  /*color: #0d223e;*/
  /*border: 2px dotted;*/
}

.zirmajmooeLink:hover {
  background: #86909e;
  border-radius: 100px;
  color: #fff;
 /* border: 2px solid;*/
  border:none;
  padding:5px 10px;
}

.offcanvas-body ul {
  grid-column-gap: 40px;
}

.dropdown-toggle::after {
  background-image: url(../images/layout/menu-dot.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  border: none;
  margin-right: -42px;
  vertical-align: -30px;
}

.resaneCls::after{
  margin-right: -52px;
}
.zinafanCls::after{ 
  margin-right: -52px;
}

.dropdown-menu a {
  color: #ccaf88;
  font-size: 14px;
}

.dropdown-divide {
  border-bottom: 1px dotted;
  width: 95%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 auto;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: -7px;
  }

  .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu>li:hover {
    background-color: #f1f1f1
  }

  .dropdown-menu>li:hover>.submenu {
    display: block;
  }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
  }

}

/* ============ small devices .end// ============ */
/* End Menu */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* Carousel */
.carousel-control-next-icon {
  background-image: url(../images/layout/arrow-left-c.svg);
  width: 1rem;
  height: 1rem;
}

.carousel-control-prev-icon {
  background-image: url(../images/layout/arrow-right-c.svg);
  width: 1rem;
  height: 1rem;
}

/* End Carousel */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* Swiper */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  /*display: block;*/
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-wrapper {
  margin-bottom: 55px;
}

/* End Swiper */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* Scroll */
.scrollbar {
  text-align: justify;
  height: 290px;
  overflow-y: auto;
  padding-left: 30px;
}

#style-3::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0%);*/
  /*background-color: rgb(227 227 227);*/
  border-radius: 100px;
  border: 1px dotted #b1b2b4;
}

#style-3::-webkit-scrollbar {
  width: 7px;
  /*background-color: #000;*/
  border-radius: 100px;
}

#style-3::-webkit-scrollbar-thumb {
  background-color: #ccaf88;
  border-radius: 100px;
}

/* End Scroll */
.color-more {
  color: #ccaf88;
}


.swiper-button-next:after,
.swiper-button-next1:after {
  background-image: url(../images/layout/arrow-right-c.svg);
  width: 1rem;
  height: 1rem;
  padding: 16px;
  background-size: 25px;
  background-repeat: no-repeat;

  font-family: none !important;
  font-size: 0 !important;
}


.swiper-button-prev:after,
.swiper-button-prev1:after {
  background-image: url(../images/layout/arrow-left-c.svg);
  width: 1rem;
  height: 1rem;
  padding: 16px;
  background-size: 25px;
  background-repeat: no-repeat;

  font-family: none !important;
  font-size: 0 !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: ' ';
}

.swiper-slide {

  background: transparent;
}

.swiper-slide img {
  object-fit: contain !important;
}


/*//////////////////////////////////////////////////////////////////////// Responsive Menu /////////////////////////*/


@media (min-width: 992px) {
  .dropdown-menu .submenu {
    top: -1px;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .dropdown-menu li {
    padding: 5px;
    border-bottom: 2px dotted #86919e;
  }

  .dropdown-menu li:last-child {
    border-bottom: none;
  }


}

@media (max-width: 1200px) {
  .offcanvas-body li:first-child {
    width: 100%;
  }

  .dropdown-menu.show {
    border: 2px dotted #0d223e;
    padding: 0px;
  }

  .offcanvas {
    background: #fdfaf6;
    margin-top:0px !important;
  }

  .dropdown,
  .dropdown-center,
  .dropend,
  .dropstart,
  .dropup,
  .dropup-center {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #a7a7a7;
  }

  .dropdown-menu.show {
    border: none;
    background: #f6f9fa;
  }

  .dropdown-menu .dropdown-menu {
    background: rgb(246, 249, 250);
    border: none;
  }

  .dropdown-toggle::after {
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    float: left;
    margin-top: 5px;
  }

  .sarymayeImgCls {
    float: left;
  }

  .luxClass {
    white-space: normal !important;
    text-decoration: none;
  }

  .navbar-nav .dropdown-menu {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .navbar-brand img {
    height: 65px !important;
  }
}

@media (max-width: 465px) {
  .navbar-brand img {
    height: 60px !important;
  }
}

@media (max-width: 435px) {
  .navbar-brand img {
    height: 55px !important;
  }
}
@media (max-width: 407px) {
  .navbar-brand img {
    height: 47px !important;
  }
}
@media (max-width: 359px) {
  .navbar-brand img {
    height: 40px !important;
  }
}

@media (max-width: 322px) {
  .navbar-toggler {
    width: 40px;
    height: 30px;
  }

  .navbar-toggler-icon {
    width: 15px;
    height: 15px;
  }
}

.navbar-brand {
  margin-left: -20px;
}

@media (max-width: 1200px) {
  .langCls {
    text-align: center;
    padding-bottom: 20px;
    display: block !important;
  }

  .zrCls {
    align-self: auto !important;
  }

  .langCls a {
    padding: 0px 10px 0px 10px;
  }
  .dividerCls {
    display:none;
  }

}

.dividerCls {
  margin: -6px -25px 0px -15px;
}

.resaneCls a::after {
  margin-right: -47px;
}
.zinafanCls a::after{
  margin-right: -47px;
}

/*//////////////////////////////////////////////////////////////////////// END Responsive Menu/////////////////////*/

/*//////////////////////////////////////////////////////////////////////// Responsive Footer /////////////////////*/
@media (max-width: 1048px)
{

  footer .col-md-1 {
    border-right: none !important;
    width: 100%;
    margin-top: 30px;
    margin-bottom: -60px;
   
  }

}

@media (max-width: 844px) {
  footer {
    position: relative;
  }

  footer .col-md-1 {
    border-right: none !important;
    width: 100%;
    margin-top: 30px;
    margin-bottom: -60px;
  }

  footer .col-md-4 {
    border-left: none !important;
    margin-top: 20px;
  }

  footer .col-md-3 {
    border-left: none !important;
    margin-top: 20px;
  }
}

/*//////////////////////////////////////////////////////////////////////// END Responsive Footer /////////////////////*/