/**
* Template Name: EstateAgency - v4.8.0
* Template URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
.card-header.cardorange {
  background: rgb(250,75,40);
  background: linear-gradient(0deg, rgba(250,75,40,1) 0%, rgba(250,99,40,1) 100%);
}
.portfolio-info{
margin: 0px;
padding: 10px 15px;
font-size: 15px;
box-shadow: 0px 0px 5px rgba(25, 25, 25, 0.08);
border: 1px solid #ededed;
}
.section-title h2 {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
  margin-bottom: 8px;
}
.portfolio-info .fst-italic{
  margin-bottom: 5px;
  font-weight: bold;
    color: #09488b;
}
.visaindex  .card-body{
  margin: 0;
  padding: 0 15px;
  font-size: 15px;
}
.visaindex  .card-body p{
  padding-top: 0px;
  padding-bottom: 15px;
}
.goodgrid {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    ". ."
    ". ."; 
}

.good1,.good2,.good3,.good4{
  padding:0 10px;
  /* background-color: red;color:white */
}
section#good{padding:20px}
.visaindex h1{margin: 0;padding: 0;padding-bottom: 10px;margin-bottom:10px;}

@media (max-width:1024px){

}
@media (max-width:768px){
  .goodgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
}
  /* .goodgrid {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 10px; 
    grid-template-areas: 
      ". . . ."; 
  } */
  .portfolio-info{
    margin-top: 20px;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align:left;
    font-size: 13px;
    font-weight: 300;
  }
  .portfolio-info .fst-italic{
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #09488b;
    font-size: 15px;
  }
  .section-title h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 8px;
  }
  .visaindex h5{display: none;}
  .visaindex .card{
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  .visaindex  .card-body{
    margin: 0;
    padding: 0;
    font-size: 13px;
  }
  .visaindex  .card-body p{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footergridz {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ".";
}
}
@media (max-width:460px){
  .portfolio-info{
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align:left;
    font-size: 13px;
    font-weight: 300;
  }
  .portfolio-info .fst-italic{
    padding-bottom: 7px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #09488b;
    font-size: 15px;
  }
  .section-title h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 8px;
  }
  .visaindex h1{margin: 0;padding: 0;padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #e0dedd;}
  .visaindex h5{display: none;}
  .visaindex .card{
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  .visaindex .card .card{
    padding: 15px;
  }
  .visaindex  .card-body{
    margin: 0;
    padding: 0;
    font-size: 13px;
  }
  .visaindex  .card-body p{
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .card-header.cardorange {
    /* background-color: #fa6328; */
    background: rgb(250,75,40);
    background: linear-gradient(0deg, rgba(250,75,40,1) 0%, rgba(250,99,40,1) 100%);
    border-radius: 7px;
    color: #fefefe;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #d9d9d9;
  }
  /* footer */
  .footergridz {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ".";
  }
  .footergridz .right{
    text-align: center;
  }
  section#good{padding:20px}
  .good .section-headline h2{text-align: center;}
  .good .icon-box img {
    width: 30px;
  }
  .good .icon-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 12px 0 8px 43px;
    padding-top: 4px;
    color: #fa9916;
    text-shadow: 1px 0px 2px rgba(20,20,20,0.6);
  }
  .good .icon-box p {
    font-size: 12px;
    color: #fefefe;
    margin-left: 0;
    padding-top: 8px;
    text-align: left;
    line-height: 0.9rem;
    margin-bottom: 0;
  }
  .good .container{
    margin: 0;
    padding:0;
  }
  .goodgrid {
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr; 
    gap: 2px 0px; 
    grid-template-areas: 
      "."; 
  }
  .good1, .good2, .good3, .good4 {
    padding: 0px 10px 10px 0;
  }
  
}
@media (max-width:425px){


}
@media (max-width:375px){

}
@media (max-width:320px){

}

/* ------------payment-------------- */
#paymentja{background: none;}
.bg-payment-icon#paymentja{
  background-color: #f2f2f2;
}
.payment-icon {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 10px; 
  grid-template-areas: 
    ". . . ."; 
    text-align: center;
}
.payment-icon img {width: 100%;}
@media (max-width:460px){
  #paymentja{background: none;}
  .bg-payment-icon#paymentja {
    background-color: #f2f2f2!important;
  }
  .payment-icon {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 0px; 
    grid-template-areas: 
      ". ."; 
  }
  #paymentja {
    padding: 0;
  }
  #paymentja h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    padding-bottom: 10px;
  }
  #paymentja .paymentgrid {
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 10px; 
    grid-template-areas: 
      "."; 
  }
  #paymentja .service-title {
    padding-top: 0;
    margin-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 15px;
    line-height:0.9rem;
   
  }
  #paymentja .service-title a{
    font-size: 12px;
    
  }
  #paymentja .paymentgrid .service-item {
    border: none;
    padding: 0 15px 0 15px;
    
  }

  #paymentja .service-icon {
      width: 42px;
      height: 42px;
      margin-top: 10px;
      transition: 0.7s all;
  }
}

@media (max-width:320px){
  #paymentja{background: none;}
  .bg-payment-icon#paymentja {
    background-color: #f2f2f2!important;
  }
  .payment-icon {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 0px; 
    grid-template-areas: 
      ". ."; 
  }
  #paymentja {
    padding: 0;
  }
  #paymentja h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    padding-bottom: 10px;
  }
  #paymentja .paymentgrid {
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 1fr; 
    gap: 0px 10px; 
    grid-template-areas: 
      "."; 
  }
  #paymentja .service-title {
    padding-top: 0;
    margin-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 15px;
    line-height:0.9rem;
   
  }
  #paymentja .service-title a{
    font-size: 12px;
    
  }
  #paymentja .paymentgrid .service-item {
    border: none;
    padding: 0 15px 0 15px;
    
  }

  #paymentja .service-icon {
      width: 42px;
      height: 42px;
      margin-top: 10px;
      transition: 0.7s all;
  }
  
}

/* workpermit ----------------------------- */
.button-container {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr ; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
  ". . . "
  ". . . "; 
  font-family: 'Mitr', sans-serif;
}
.content-pane {
display: none;
padding: 20px;
border-radius: 5px;
}

.content-container {
padding: 20px;
border-radius: 5px;
margin-top: 20px;
}
.content-container {padding-top: 10px;margin-top: 10px;}

.button-container button {
padding: 10px 20px;
margin: 5px;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-family: 'Mitr', sans-serif;
text-align: left
}

.button-container button.active {
background-color: #ece9e8;
border-color: #ddd;
color:#ff5011;
}

.content-pane.active {
display: block;
}
@media (max-width: 992px) {
  .button-container {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
  ". . . ."
  ". . . ."; 
  }
}
@media (max-width: 768px) {
  .button-container {
      display: grid; 
      grid-template-columns: 1fr 1fr 1fr; 
      grid-template-rows: 1fr 1fr 1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
          ". . ."
          ". . ."
          ". . ."; 
  }
  .content-pane ol li{
      font-size: 0.85rem;
      font-weight: 400;
  }
  .content-pane p{
      font-size: 0.85rem;
      font-weight: 400;
      text-align: left;
  }
}
@media (max-width: 425px) {
  .button-container {
      display: grid; 
      grid-template-columns: 1fr 1fr; 
      grid-template-rows: 1fr 1fr 1fr 1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
          ". ."
          ". ."
          ". ."
          ". .";
  }
  .content-pane {
  padding: 0px;
  }
  .content-pane .card .title {
  font-size: 0.85rem;
  }
  .content-container {
  padding: 0px;
  border-radius: 5px;
  margin-top: 0px;
  }
  .content-container h1 {
      font-size: 0.95rem;
  }
  .content-container h1 img{
      width: 36px;
  }

  .button-container button {
      padding: 10px 10px;
      border-radius: 5px;
      text-align: left;
  }
}
@media (max-width: 375px) {
.button-container {
      display: grid; 
      grid-template-columns: 1fr; 
      grid-template-rows: 1fr 1fr 1fr 1fr  1fr; 
      gap: 0px 0px; 
      grid-template-areas: 
          "."
          "."
          "."
          "."
          "."
          ".";
  }
  .button-container button {
      padding: 5px 5px;
      text-align: left;
      font-size: 0.8rem;
      font-weight: 400;
  }
  .button-container button img{
      width: 18px;
  }
  ol{
    padding: 0;
  }
  .content-container {
  font-size: 0.8rem;
  }
  .p-4{
    padding: 0.5rem!important
  }
}

.table-services {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 10px 20px; 
  grid-template-areas: 
    ". . ."; 
  text-align: center;
}

.visatravel-list {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 10px 10px; 
  grid-template-areas: 
    ". . . . ."; 
  }
  .visatravel-list ul li{
    list-style: none
  }
  .visatravel-list a{
    color:#003d6b;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    display: block;
    transition:0.7s all; 
  }

  .visatravel-list .active a{
    color:#ededed;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    display: block;
    transition:0.7s all; 
  }

  .visatravel-list .active img{
    opacity: 0.2;
  }


  .visatravel-list a:hover{
    color:#fa9916;
    font-weight: bold;
    transition:0.7s all; 
    padding-left: 2px;

  }


  .visatravel-list .active a:hover{
    color:#ededed;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    display: block;
    transition:0.7s all; 
    padding-left: 0;
    cursor: context-menu;
  }

  .table>thead {
    vertical-align: text-top;
  }
  .visatravel-list a img{
    width: 16px;
    margin-bottom: 2px;
  }

@media (max-width: 1024px) {
  .visatravel-list {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 5px 1px; 
    grid-template-areas: 
      ". . . ."; 
    font-size: 16px;
    }
}
@media (max-width: 768px) {
  .visatravel-list {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 5px 1px; 
    grid-template-areas: 
      ". . ."; 
    font-size: 14px;
    }
}
@media (max-width: 460px) {
.table-services {
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  gap: 20px 0px; 
  grid-template-areas: 
    "."; 
    text-align: center;
    margin-bottom: 10px;
  }
  .visatravel-list {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 5px 1px; 
    grid-template-areas: 
      ". ."; 
    font-size: 11px;
    }

}

.moredetail{color:#1a73e8;
  border: 1px solid #1a73e8
}
.moredetail:hover {border: 1px solid #fefefe;
}