*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body{
    background:linear-gradient(0deg, rgba(0,0,0,0.4881302862942052) 0%, rgba(255,255,255,1) 100%);  
    font-family: 'Barlow Condensed', sans-serif;
}
.contpadd{
    padding: 30px;
}
.navbar-toggler{
    width: 20px;
    height: 20px;
    position:relative;
    transition: .5s ease-in-out;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus{
    outline: none;
    box-shadow: none;
    border: 0px;
}
.toggler-icon{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #1b1a1a;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.middle-bar{
    margin-top: 0px;
}
/* nav clicked */
.navbar-toggler .top-bar{
    margin-top: 0px;
    transform: rotate(135deg);
}
.navbar-toggler .middle-bar{
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar{
    margin-top: 0px;
    transform: rotate(-135deg);
}
/* state when collapsed */
.navbar-toggler.collapsed .top-bar{
    margin-top: -20px;
    transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar{
   opacity: 1;
   filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar{
    margin-top: 20px;
    transform: rotate(0deg);
}
.hero{
    width: 100%;
    background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(27,26,26,1) 100%);
    border-radius: 30px;
}
.sdw{
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    color: lightgray;
    border-radius: 30px;
}
.linkrenk{
    color:#1b1a1a;
    font-size: larger;
    font-weight: bolder;
} 
.linkrenk:hover{
    color:#1b1a1a;
}
.pm{
    padding: 90px;
    color:#1b1a1a;
    height: 300px;
    margin: auto;
}
.hi{
    width: 100%;
    position: relative;
    border-radius: 0 30px;
}
.btn{
    background-color: lightslategray;
    border-color: none;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}
.btn:hover{
    background-color: #1b1a1a;
    color: #fff;
}
/* .c{
    color: #1b1a1a;
    background: linear-gradient(0deg, rgba(235,253,255,1) 0%, rgba(65,173,183,1) 100%);
    width:400px;
    text-align: center;
    margin-top: 20px;
} */
.imgabt{
    width:100%;
    margin-top: 10px;
    border-radius: 30px;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}
.txtabt{
    padding: 10px;
    font-size: 20px;
    color:#1D1436;
    margin-top: 10px;
}
.f{
    background-color: #fff;
    color: black;
}
.icon{

    width: 25px;
    height: 25px;
    font-size: 16px;
    position: relative;
}
.icon:hover{
    top: -5px;
    background: transparent;
    border: 2px solid #fff; 
}

.linkrenk2{
    text-decoration: none;
    color: black;
   
}
.linkrenk2:hover{
color: #1b1a1a ;
}
ul li{
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 0; 
    margin-bottom:10px ;
}
.txtfooter{
    font-size:16px ;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;
}
.card img {
width: 100%;   
height: 300px;
border-radius: 20px;
margin: auto;
}
.card { 
    width: 100%;
    height: 90%;
    margin:10px;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 30px;
    padding: 10px; 
}
.baslik{
    font-weight: bolder;
}
.price{
    font-size: larger;
    font-weight: bolder;
}
.baslik{
    width: 100%;
    padding: 10px;
    text-align: center;

}
@media (max-width: 768px) {
    .pm {
        padding: 50px;
    } 
    .hi{
        transform: translate(0%, 47px);
    }
    .logo{
        width: 50%;
    }
}
@media (max-width: 1200px) {
    
    .txtabt{
        font-size: 14px;
    }
  }
@media (width: 1200px) {
    .txtabt{
    font-size: 20px;
    }
}
@media (max-width: 991px) {
    
    .imgabt{
        margin-top: 30px;
    }
    .logo{
        width: 90%;
    }
  }
  @media (width: 991px) {
    .imgabt{
        margin-top: 30px;
    }
}
.prc{
    font-size: 17px;
}
.none{
    display: none;
}