.elementor-177 .elementor-element.elementor-element-cf9af66 .art-banner .art-banner-overlay .art-banner-title .art-banner-title-h{font-family:"Calistoga", Sans-serif;font-size:3.1em;}.elementor-177 .elementor-element.elementor-element-cf9af66 .art-banner .art-banner-overlay .art-btn{font-size:1.1em;}.elementor-177 .elementor-element.elementor-element-f6aa688 .art-section-title .art-title-frame .art-title-h{font-family:"Amiri", Sans-serif;}.elementor-177 .elementor-element.elementor-element-f0e366c{--display:grid;--e-con-grid-template-columns:1fr 10fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--grid-auto-flow:row;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-86a95b8 .elementor-icon-wrapper{text-align:center;}.elementor-177 .elementor-element.elementor-element-86a95b8.elementor-view-stacked .elementor-icon{background-color:#4B4376;}.elementor-177 .elementor-element.elementor-element-86a95b8.elementor-view-framed .elementor-icon, .elementor-177 .elementor-element.elementor-element-86a95b8.elementor-view-default .elementor-icon{color:#4B4376;border-color:#4B4376;}.elementor-177 .elementor-element.elementor-element-86a95b8.elementor-view-framed .elementor-icon, .elementor-177 .elementor-element.elementor-element-86a95b8.elementor-view-default .elementor-icon svg{fill:#4B4376;}.elementor-177 .elementor-element.elementor-element-86a95b8 .elementor-icon{font-size:32px;padding:5px;}.elementor-177 .elementor-element.elementor-element-86a95b8 .elementor-icon svg{height:32px;}.elementor-177 .elementor-element.elementor-element-86a95b8 > .elementor-widget-container{padding:11px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-07b0124 .elementor-heading-title{font-family:"ADLaM Display", Sans-serif;}.elementor-177 .elementor-element.elementor-element-57f813a{--display:flex;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-ep-static-carousel-readmore .bdt-button-icon-align-right{margin-left:6px;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-ep-static-carousel-readmore .bdt-button-icon-align-left{margin-right:6px;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-ep-static-carousel-sub-title{padding-bottom:0px;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-prev i,
            .elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-next i{font-size:24px;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-prev{left:-60px;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-next{right:-60px;}.elementor-177 .elementor-element.elementor-element-2b04dce{--display:flex;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-368df4f{--spacer-size:15px;}.elementor-177 .elementor-element.elementor-element-c480f35{--display:grid;--e-con-grid-template-columns:1fr 10fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--grid-auto-flow:row;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-f352a59 .elementor-icon-wrapper{text-align:center;}.elementor-177 .elementor-element.elementor-element-f352a59.elementor-view-stacked .elementor-icon{background-color:#4B4376;}.elementor-177 .elementor-element.elementor-element-f352a59.elementor-view-framed .elementor-icon, .elementor-177 .elementor-element.elementor-element-f352a59.elementor-view-default .elementor-icon{color:#4B4376;border-color:#4B4376;}.elementor-177 .elementor-element.elementor-element-f352a59.elementor-view-framed .elementor-icon, .elementor-177 .elementor-element.elementor-element-f352a59.elementor-view-default .elementor-icon svg{fill:#4B4376;}.elementor-177 .elementor-element.elementor-element-f352a59 .elementor-icon{font-size:32px;padding:5px;}.elementor-177 .elementor-element.elementor-element-f352a59 .elementor-icon svg{height:32px;}.elementor-177 .elementor-element.elementor-element-f352a59 > .elementor-widget-container{padding:11px 0px 0px 0px;}.elementor-177 .elementor-element.elementor-element-100faa4 .elementor-heading-title{font-family:"ADLaM Display", Sans-serif;}.elementor-177 .elementor-element.elementor-element-3a256b2{--display:flex;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-8b21ddc{--spacer-size:295px;}.elementor-177 .elementor-element.elementor-element-02d0bd1{--display:flex;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-f60baec{--spacer-size:93px;}.elementor-177 .elementor-element.elementor-element-2eff81b{padding:15px 15px 0px 15px;}.elementor-177 .elementor-element.elementor-element-7ffa9f7{--display:flex;--background-transition:0.3s;}.elementor-177 .elementor-element.elementor-element-86644f3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}@media(max-width:1024px){.elementor-177 .elementor-element.elementor-element-f0e366c{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-prev i,
            .elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-next i{font-size:24px;}.elementor-177 .elementor-element.elementor-element-c480f35{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-86644f3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-f0e366c{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-prev i,
            .elementor-177 .elementor-element.elementor-element-f2ca1e0 .bdt-navigation-next i{font-size:24px;}.elementor-177 .elementor-element.elementor-element-c480f35{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-86644f3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for arter-hero-banner, class: .elementor-element-cf9af66 */.art-banner .art-banner-overlay .art-banner-photo{
    height: 110% ;
    width: 25% ;
    
}

.art-btn  {
    font-family :'b yekan';
}

.art-banner-title-h span{
    font-size :2vw;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07b0124 */.my-headline {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}



.home-headline h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.home-headline h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #ffc107;
}
.home-headline h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #ffc107;
}/* End custom CSS */
/* Start custom CSS for bdt-static-carousel, class: .elementor-element-f2ca1e0 */div img {
    width: 100%
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-100faa4 */.my-headline {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}



.home-headline h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.home-headline h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #ffc107;
}
.home-headline h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #ffc107;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56383a8 */#container{
  width: auto;
  height: auto;
  position: relative;
  margin: auto;
  margin-left: 30%;
  z-index: 10;
}
#minesweeper{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flexbox;
  flex-direction: column;
}
.mine-row{ 
  display: flex;
  flex-direction: row;
  height: 40px;
}
.mine{
  width: 40px;
  height: 40px;
  transform: scale(0.9);
  border-radius: 25px;
  background-color: #888888;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  transition: background-color 200ms;
}
.mine.exploded{
  background-color: #EE4433;
}
.mine.flagged{
  background-color: transparent;
  border: 3px solid #2ecc71;
  color: #2ecc71;
}
.mine.flagged:before{
  content:"+";
}
.mine.found{
  background-color: transparent;
  border: 3px solid #ee4433;
  color: #ee4433;
  opacity: 0.3;
}
.mine.found:before{
  content:"x";
}
.mine.disabled{
  cursor:default;
  background-color: transparent;  
}
.mine.danger{
  cursor: default;
  background-color: transparent;
  border: 3px solid gold;
  color:gold;
}
#instructions{
  position:absolute;
  bottom: -21vw;
  width: 100%;
  text-align:center;
  color: #999999;
}
#instructions .action{
  color: black;
}
#flags{
  position:absolute;
  top: 5px;
  right: 5px;
  color:#ffc107;
}
#flags:before{
  content: "Flags Left: ";
  color: #ffc107;
}/* End custom CSS */