@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: 30px;

}

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

.resaneCls::after {
  right: 18px;
}

.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: 1200px) {

  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 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;
  }

  .beneCls::after {
    right: 38px;
  }
}

.azarestanaboutUl,
.resaneUl,
.zinafanUl,
.khadamatUl {
  margin-top: 10px;
}

@media (max-width: 1200px) {
  .offcanvas-body img {
    float: left;
    margin-top: 4px;
  }
}

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

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

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

  .offcanvas-title {
    font-size: 17px;
    direction: ltr;

  }

  .offcanvas-body ul {
    grid-column-gap: 40px;
    direction: ltr;
  }
  .dropdown-toggle::after {
    right: 0;
    top: 14px;
  }
}

/* ============ 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-right: 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;
}

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

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

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

  .langCls a {
    padding: 0px 10px 0px 10px;
  }

  .beneCls::after {
    right: 0px !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: right;
    margin-top: 10px;
    position: absolute;
    right: 0px;
  }

  .sarymayeImgCls {
    float: right;
  }

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

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

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

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

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

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



@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;
  }

  .humanCls {
    width: 100%;
  }

  .offcanvas-body ul {
    flex-direction: column-reverse;
  }

  .langBorder {
    order: 2;
  }

  .zrCls {
    order: 1;
  }

}

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

@media (min-width: 1200px) {
  .resaneCls a::after {
    margin-right: -10px;
  }

  .humanCls {
    width: 220px;
  }

  .geoTechCls img {
    float: left;
    margin-top: 6px;
  }

  .geoTechCls span {
    margin-left: 16px;
  }


}
@media(min-height:1200px) {
  .heightAdjustment {
    height: 59px;
    
  }
 
}

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

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

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


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

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

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

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

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