/*! Develope by Zahra Mehrabipour/ */
@font-face{font-family:iranyekan;font-style:normal;font-weight:700;src: url('../fonts/woff/Yekan-Bakh-FaNum-07-Heavy.woff') format("woff"), url('../fonts/Yekan Bakh EN 07 Heavy.ttf') format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:600;src: url('../fonts/woff/Yekan-Bakh-FaNum-06-Bold.woff') format("woff"), url('../fonts/Yekan Bakh EN 06 Bold.ttf') format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:500;src: url('../fonts/woff/Yekan-Bakh-FaNum-05-Medium.woff') format("woff"), url('../fonts/Yekan Bakh EN 05 Medium.ttf') format("truetype")}
@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:400;src: url('../fonts/woff/Yekan-Bakh-FaNum-04-Regular.woff') format("woff"), url('../fonts/Yekan Bakh EN 04 Regular.ttf') format("truetype")}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
body{
  direction: rtl;font-family: Yekan Bakh!important;
  background: #FAFAFA!important;
  overflow-x: hidden;
}
header{
  background: linear-gradient(217.94deg, #FFE2E2 -61.96%, rgba(255, 153, 153, 0) 38.96%);
}
header .container{
  height: 100%;
  text-align: center;
}
header .content{
margin-top:5%;
}
header h1{
  font-weight: 900!important;
}
header p{
  width: 35%;
  text-align: center;
}
header .buttons{
  width: 40%;
}
.header-images{
  height: 500px;
  width: 95%;
}
.header-images span{
  font-size: 14px;
}
.header-images .img-fluid{
  width:250px;
  height: auto;
}
h2{
  font-weight: 700!important;
  font-size: 38px;
  line-height: 48px;
}
h3{
  font-style: normal;
  font-weight: 700!important;
  font-size: 28px;
  line-height: 32px;
  text-align: right;
  color: #3E3E3E;
}
p{
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  text-align: right;
  color: #3E3E3E;
  text-align: justify !important;
}
.bg-white.container{
  box-shadow: 0px 4px 24px 1px rgba(211, 211, 211, 0.16);
  border-radius: 24px;
}
li{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #3E3E3E;
}
.subtitle{
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #8E8E8E;
}
h4{
  font-weight: 700!important;
  font-size: 24px!important;;
}
.price{
  font-weight: 700;
  font-size: 20px;
}
.check{
  padding-right: 23px;
  background-image: url("../img/check-circle-fill.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 17px;
}
.more{
  position: absolute;
  bottom: 0;
  text-decoration: unset;
  font-weight: 700;
  font-size: 19px;
}
.left{
  left: 0;
  border-radius: 24px;
}
#Advantages p{
  font-size: 16px;
  line-height: 24px;
}
.btn-outline-danger{
  font-weight: 700;
}
.brands{
  background-image: url("../img/Brand.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.brands-img img{
  display: none;
}
.pink-btn{
  text-decoration: unset;
  background-color: #F3D6D6;
  color: #C44242;
  cursor: pointer;
}
.pink-btn:hover{
  color: #9b2222;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}


.tolgglefaq {
  width: 90%;
  margin: auto auto 20px auto;
}
.vn-click {
  color: #4D4D4D;
  cursor: pointer;
  margin: 20px auto auto auto;
  border-radius: 7px;
  background-image: url("../img/plus.svg");
  background-position: left;
  background-repeat: no-repeat;
  font-weight: 550;
  font-size: 20px;
}
.vn-info {
  display: none;
  text-align: right;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin: auto;
  transform: translateY(-4px);
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #3E3E3E;
}
.tolgglefaq .vn-click1.mines{
  background-image: url("../img/mines.svg");
}
.tolgglefaq .vn-click2.mines{
  background-image: url("../img/mines.svg");
}
.tolgglefaq .vn-click3.mines{
  background-image: url("../img/mines.svg");
}
.tolgglefaq .vn-click4.mines{
  background-image: url("../img/mines.svg");
}
hr{
  display: none;
}
footer{
  color: #D7D7D7;
}
footer b{
  color: #FAFAFA;
  font-size: 24px;
}
footer a{
  text-decoration: unset;
  font-size: 18px;
  color: #D7D7D7;
}
footer a:hover{

  color: #ffffff;
}
.btn-outline-danger{
  border: 2px solid crimson!important; ;
}
button{
  z-index: 50;
}
.advice h6{font-size:13px;color:#333;margin:0 0 10px;text-align:center;}
.advice .callme input{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;display:block;width:100%;margin-bottom:5px;}
.advice .callme input:focus{border-color:#4678ed;}
.advice .callme button{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer;display:block;border:1px solid #4fae5b;border-radius:5px;background:#4fae5b;width:100%;height:50px;padding:10px;text-align:center;font-size:12px;font-weight:600;margin-bottom:5px;cursor: pointer;}
.advice .callme button:hover{background:#5c8862;border-color:#5c8862;}
.advice .callme{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position: relative;overflow:hidden;}
.advice.success .callme{}
.advice .successMessage{height:0;overflow:hidden;line-height:40px;font-size:13px;font-weight:600;color:#295;}
.advice.success .successMessage{position: absolute;
  height: auto;
  top: 5px;
  background-color: #f8f9fa;
  right: 15px;}
.adviceHidden .advice{bottom:-300px;}
.link{
  text-decoration:unset;
  color:white;
}
.link :hover{
  color:white;
}
.link2{
  text-decoration:unset;
  color:#dc3545;
}
.link2 :hover{
  color:#dc3545;
}
footer{
    position:relative;
}
.copy{
    width: 70px;
position: absolute;
bottom: 0;
left: 0;
}
.min-height-text{
    min-height:120px;
}
@media (min-width: 1200px) {
    
        .min-height-text {
  min-height: 150px;
}
    
}
@media (max-width: 992px) {
  .header-images{
    height: auto;
  }
  .bg-white.w-50{
    width:70% !important;
  }
  .bg-white.w-50 span {
    font-size: 12px!important;
  }
  .min-height-text {
  min-height: 200px;
}
.package .bg-light{

  position: absolute;
  left: 0;
  font-size: 13px;
  padding: 5px 7px !important;

}

}
@media (max-width: 768px) {
  header .content{
    margin-top:0%;
  }
  p {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
  }
  h2{
    font-size: 24px!important;
  }
  h3{
    font-weight: 700;
    font-size: 20px!important;
    line-height: 32px;
  }
  section{
    width: 90%;
    margin: auto;
  }
  form{
    margin: auto!important;
  }
  hr{
    display: block;
  }
  nav .btn-outline-dark{
    display: none;
  }
  header p {
    width: 90%
  }
  .header-images .image1{
    display: none!important;
  }
  .header-images .image4{
    display: none!important;
  }
  .header-images .img-fluid {
    width: 75%;
    height: auto;
  }
  .image3{
    justify-content: flex-end;
  }
  .image3 .left{
    left: unset;
    right: 0;
  }
  .brands {
    background-image: unset;
  }
  .brands-img img{
    display: block;
  }
  #Advantages p {
    font-size: 15px;
    line-height: 22px;
  }
  section.bg-white{
    width: 100%;
  }
  footer a {
    font-size: 15px;
  }
  footer b {
    font-size: 20px;
  }
  .vn-info{
    font-size: 15px;
    line-height: 22px;
  }
  .vn-click{
    font-size: 15px;
  padding-left: 25px;
  }
  .package h4{
    font-size: 30px!important;
    font-weight: 800!important;
  }
  .more {
    font-size: 17px;
  }
  section#Advantages{
    width: 95%;
  }
  .bg-white.w-50{
    width:50% !important;
  }
  .bg-white.w-50 span {
    font-size: 13px!important;
  }
    .min-height-text {
  min-height: unset;
}
}

@media (max-width: 576px) {
  header .buttons {
    width: 55%;
  }
.copy{
    width: 55px;

}
}