/* css file for rahanama */


/* ------------------------------ header-section-style--------------------------------*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
}
body{
 font-weight: 400;
    font-family: 'Saira Condensed', sans-serif;
    background: url(../images/main-bg.png);
    background-repeat: repeat;
    background-size: contain;
}
.upper-header{
    background-color: #0060ff;
    height: 15px; 
}
.top-header{
    background-color: #f6f5f5;
}
.callus{
    float: right;
    margin-top: 28px;
}
.callus img{
    height: 28px;
    padding: 1px;
}
.contact-social li{
    display: inline;
    font-size: 0px;
   
   
}
#nmp-s{
    padding: 0px;
}
.main-nav .carousel-control-next-icon,.main-nav  .carousel-control-prev-icon {
   
    width: 4rem !important;
    height: 6rem !important;}
   .main-nav .carousel-control-next,.main-nav .carousel-control-prev {
       width: 10%;}
       .carousel-indicators li{
           border-radius: 50%;
           height: 0px;
           width: 18px;
           background: #000;
       }
       .carousel-indicators{
       
        width: 100%;
        padding: 15px 0px;
        margin: 0px;
        background:#cfd9d8 ;
       }
       .carousel-item img{
           height: 700px;
       }
       
.fl-right{
    float: right;
}
.country-img{
    height: 25px;
}
.contact-social ul{
    font-size: 0px;
}
.contact-social li img{
    height: 60px;
    padding: 7px;
    font-size: 0px;
    border: 0.5px solid #4f4f4f;
    border-top: 0px;
}
.fancy-col {
    list-style: none;
    display: inline;
    font-size: 0px;
    box-sizing: border-box;
}
.fancy-col li{
    font-size: 0px;
    height: 6px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.fancy-col li:nth-child(1){
    background-color: #000000;
    width: 70px;
}
.fancy-col li:nth-child(2){
    background-color: #be0000;
    width: 117px;
}
.fancy-col li:nth-child(3){
    background-color: #009900;
    width: 66px;
}
.call-txt{
    
    font-size: 19px;
    color: #ff4f00;
    position: relative;
    top: 3px;;
}
.login-menus{
    margin-top: 8px;
}
.login-menus ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
   
   
}
.login-menus li{
    display: inline-block;
    width: 80px;
    text-align: center;
}
.login-menus a{
    color: #626161;
    background: #e2e2e2;
    border: 0.5px solid #0084ff;
    padding: 5px 0px;
    border-radius: 5px;
    font-size: 11px;
    
}
.menu-heading ul{
    display: inline-block;
    list-style: none;
    margin-bottom: 0px;
    padding-left: 5px;
    border: 0.5px solid #767676;
    border-top-left-radius:10px;
            border-top-right-radius:10px;}

    .flx-menu{
        float: right;margin-right: 10%;
    }

.nmp{
    line-height: 10px;
    margin:0px;
    padding: 0px;
}
.menu-heading li {
    width: 96px;
    text-align: center;
    display: inline-block;
}

  /* ------logo-------*/
  
  .row{
      margin-left: 0px;
      margin-right: 0px;
  }
  .logo-section img{
      height: 60px;
      margin: 75px 0px 0px 15px;
  }
  .dropdown-toggle:after{
      display: none;
  }
  .nav-pre{
      padding: 0px;
  }
  .nav-pre img{
      height: 84px;
  }
  .nav-pre .dropdown-toggle::after{
      display: none !important;
  }
  .nav-pre:nth-child(1),  .nav-pre:nth-child(5),
  .nav-pre:nth-child(6),
  .nav-pre:nth-child(7){
      border-left: 0.5px solid #767676;
  }
  .nav-pre a:hover, .nav-pre a:checked{
      background-color: #00A5F6;
  }
 
  .welcome-txt{
      text-align: center;
      margin-top: 60px;
      font-family: 'Saira Condensed', sans-serif;
  }
  .welcome-txt h6{
      font-size: 30px;
      font-family: 'Saira Condensed', sans-serif;
      font-weight: 300;
      margin-bottom: 20px;
      letter-spacing: 1px;
  }
  .detail-col{
      overflow: hidden;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
      border-top-right-radius:10px;
      padding: 0px;
      margin-left: 6%;

  }
  .flx-bx{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
  }
  .flx-bx p{
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-top: 30px;
  }
  .flx-bx div{
      padding: 3px;
      margin: 0px;
      background-position: center;
  }
  .feature-images1{
      background: url("../images/herat.png");
      width: 20%;
      height: 400px;
      background-position: center center;
      transition: all .4s ease-in-out;
 
      background-size: 100% 400px;
      background-repeat: no-repeat;
  }
  .feature-images2{
    background: url("../images/mazar.png");
    width: 20%;
    height: 400px;
    background-position: center center;
    transition: all .4s ease-in-out;
    background-size: 100% 400px;
    background-repeat: no-repeat;
}
.feature-images3{
    background: url("../images/kabul.png");
    width: 20%;
    height: 400px;
    background-position: center center;
    transition: all .4s ease-in-out;
    background-size: 100% 400px;
    background-repeat: no-repeat;
}
.feature-images4{
    background: url("../images/kandahar.png");
    width: 20%;
  height: 400px;
  background-position: center center;
  transition: all .4s ease-in-out;
    background-size: 100% 400px;
    background-repeat: no-repeat;
}
.feature-images5{
    background: url("../images/bamyan.png");
    width: 20%;
  height: 400px;
    background-size: 100% 400px;
    background-position: center center;
    transition: all .4s ease-in-out;
 
    background-repeat: no-repeat;}
    .search-1:hover,
    .search-2:hover,
    .search-3:hover,
    .search-4:hover,
    .search-5:hover
     {
        cursor: pointer;
        background-size: 120% 120%;
    }
    .search-1,.search-2,.search-3,.search-4,.search-5{
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 1s ease;
    }
    .feature-mid img{
        transition: all .4s ease-in;
    }
    .feature-mid img:hover{
        -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1.01); /* Safari 3-8 */
  transform: scale(1.03); 
    }
    .feature-images1:hover,
    .feature-images2:hover,
    .feature-images3:hover,
    .feature-images4:hover,
    .feature-images5:hover
    {
       cursor: pointer;
    height: 500px;
       background-size: 100% 500px;
   }
   .feature-mid{
    cursor: pointer;
    background-size: 120% 120%;
   }
 
  .right-txt a {
    font-size: 13px;
    color: #fff;
    padding: 8px 20px;
    
    background-color: #F87E01;
    text-decoration: none;
    line-height: 33px;
}
.search-1,.search-2,.search-3,
.search-4,.search-5{
    position: relative;
}
.hf{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}
.search-1:hover .hf,
.search-2:hover .hf,
.search-3:hover .hf,
.search-4:hover .hf,
.search-5:hover .hf
{
    display: block;
}
  
element.style {
}
.left-txt {
    display: inline-block;
    color: #2D99C9;
    font-weight: 700;
    padding: 3px;
}
  .price-tag{
      height: 20px;
  }
  .feature-deatil{
      background: #0069FD;
      color:#fff;
      text-align: center;
     
  }
  .feature-deatil p{
      padding: 10px 35px;
      min-height: 73px;
  }
  .btm-right-txt a{
    background-color: #F87E01;
    border-bottom-left-radius: 50px;
    padding: 4px 8px 9px 33px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;


  }
  .btm-left-txt {
    padding: 3.555px;
    display: inline-block;
}
  .map-icn{
  position: relative;
  font-size: 26px !important;
  top: 10px;
  right: 10px;
  }
  .feature-bottom{
    line-height: 26px;
   
  }
 
  .d-tx{
      margin-top: 50px;
    font-size: 38px;
    font-weight: 500;
  }
.det-bg-img p{
    color: #fff;
    font-size: 22px;
}
.px{
    padding-top: 80px;
}
.nomp-1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background-color: #79bdff;

}
.col-xd{
    flex:20%;
    padding: 0px;
    margin: 0px;
    

}
.col-xd p{
    color: #fff;
    font-size: 20px;
}
.det-bg-img img{
    width: 75px;
   }
   .mw-img{
       height: 275px;
       width: 100%;
   }
   

    .real-estate-p{
    padding: 8px 230px;
    font-size: 17px}
    .ctws-mg{
        margin-top: 100px;
    }
  /*-----------------------------------------------bgsect---------------------------*/
  .search-1{
    background:url("../images/appartment.png");
          background-repeat: no-repeat;
          background-size: 317px 500px;
          min-height: 500px;
  
  }
.nomp-1 p{
    margin: 0px;
    padding: 0px;
    padding-top: 16px;
    font-weight: 700;
    font-size: 24px;
  }
  .search-2{
    background:url("../images/house.png");
          background-repeat: no-repeat;
          background-size: 317px 500px;
    min-height: 500px;
  
  }
  .search-3{
    background:url("../images/commercial-property.png");
          background-repeat: no-repeat;
          background-size: 317px 500px;
    min-height: 500px;
  
  }
  .search-4{
    background:url("../images/land-pic.png");
          background-repeat: no-repeat;
          background-size: 317px 500px;
    min-height: 500px;
  
  }
  .search-5{
    background:url("../images/shop-bg.png");
          background-repeat: no-repeat;
          background-size: 317px 500px;
    min-height: 500px;
  
  }


  /* ------------------------------------------------------footer-----------------------------------*/
  footer{
      background-color: #333333;
      color: #fff;
     
      font-family: 'PT Sans', sans-serif;
  }
.footer-copyright{
    text-align: center;
}
  .ft-logo img{
      margin: 40px 0px;
      width: 75%;
      height: auto;
  }
  .det-bg-img{
     background-image: url("../images/bgx-img.png");
      background-size: cover;
      background-size: 100% auto;
      min-height: 500px;

  }
  .det-img-container {
      min-height: 90px;
  }
 .footer-txt-sz p:nth-child(2),
 .footer-txt-sz p:nth-child(3),
    .footer-txt-sz p:nth-child(4){
font-size: 20px;
 }
 .footer-txt-sz p i{
     display: inline-block;
     margin: 0px 8px;
 }
 .p-main{
   
    font-family: 'Saira Condensed', sans-serif;
 }
 /*-----------------------------------------------------responsive-------------------------------------------------*/
 @media only screen and (max-width: 1400px) {
   .flx-fr{
       margin-top:50px;
   }
   .login-menus li {
    width: 67px;}
   .contact-social li img {
    height: 50px;
  } 
  .fancy-col li:nth-child(2) {
    background-color: #be0000;
    width: 78px;
}}
@media only screen and (max-width: 1200px) {
    .feature-images1, .feature-images5{
        height: 300px;
    background-size: 100% 300px;
    }
    .feature-images2,.feature-images4{
        height: 349px;
    background-size: 100% 350px;
    
    }
    .feature-images3{
        height: 396px;
    background-size: 100% 400px;

    }

  }
  @media only screen and (max-width: 992px) {
    .logo-section img {
        height: 42px;
        margin: 75px 0px 0px 15px;
    }
    .ctws-mg {
        margin-top: 60px;
    }
  .navbar-nav {
      flex-direction: row;
  }
  .login-menus li {
    width: 64px;
}
  .callus img {
    height: 20px;
    padding: 1px;
}
.welcome-txt h6 {
    font-size: 22px;}
  .call-txt {
    font-size: 16px;
    color: #ff4f00;
    position: relative;
    top: 3px;
}
  .search-1,.search-2,.search-3,.search-4,.search-5{
    min-height: 400px;
    background-size: 100% 400px;
}
  .navbar-nav .dropdown-menu{
      position: absolute;
      width: 90px;
  }
  .navbar-toggler{
      display: none;
  }
  .menu-heading li {
    width: 90px;
    
}
.feature-deatil p {
    padding: 10px 20px;
    min-height: 45px;
}
.nav-pre img {
    height: 95px;
}
  .flx-menu{
      margin-right: 2%;
  }
  .real-estate-p {
    padding: 8px 20px;
    font-size: 17px;
} 
.nav-link{
    padding: 5px;
}
.collapse:not(.show) {
    display: inline-block;
}}
@media only screen and (max-width: 760px){
    .feature-images1, .feature-images5{
        height: 150px;
    background-size: 100% 150px;
    }
    .feature-images2,.feature-images4{
        height: 200;
    background-size: 100% 200px;
    
    }
    .footer-copyright{
        
        text-align: center;
    }
    .col-xd {
        flex: 100%;
        padding: 0px;
        margin: 0px;
    }
    .map-icn {
        top: 1px; 
        right: 10px;
    }
    .ctws-mg {
        margin-top: 20px;
    }
    .feature-images3{
        height: 250px;
    background-size: 100% 250px;

    }
    
    .callus {
        float: left;
        margin-top: 28px;
    }
    .detail-col {
        width: 90%;
        margin-left: 5%;
        margin-top: 40px;
    }
    .px .col-md-4{
        margin-bottom: 20px;
    }
    .search-1,.search-2,.search-3,.search-4,.search-5{
        min-height: 300px;
        background-size: 100% 300px;
    }
    .menu-heading li {
        width: 76px;
    }
    .nav-pre img {
        height: 80px;
    }
    .flx-menu {
        margin-right: 0px;
        float: left;
}
.det-bg-img p {
    color: #fff;
    font-size: 16px;
}
.flx-bx p {
    margin-top: 80px;
    font-weight: 500;
    font-size: 16px;
} }
@media only screen and (max-width: 560px){
.nav-pre img {
    height: 54px;
} 
.menu-heading li {
    width: 50px;
    font-size: 13px;} }
    @media only screen and (max-width: 400px){
    .nav-pre img {
        height: 45px;
    }
    .menu-heading li {
        width: 44px;
        font-size: 11px;
        text-align: left;
    } }