@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');

body {
    margin: 0px;
    padding: 0px;
}

.top {
    border-bottom: 1px solid;
    width: 100%;
    height: 50px;
    background-color: rgb(27 36 66);
}
.mail-icon,
.icon {
    color: rgb(156, 152, 152);
    margin-top: 10px;
    font-size: 18px;
    display: flex;
}
.fa-envelope-open-text{
    padding-right:5px;
    font-size: 25px;
}
.mail-icon span,
.icon {
    color: white;
    font-family: normal;
    font-size: 17px;

}

#phone {
    color: rgb(156, 152, 152);
    font-size: 28px;
}

#number {
    color: white;
}

/* top end*/
.header {
    background-color: #fff;
}

.navbar-nav .nav-item .nav-link {
    color: rgb(54 70 85);
    font-weight: 600;
    font-size: 13px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    transition: all .5s ease;
    border-radius: 10%;
    display: flex;
}

.navbar-nav .nav-item .nav-link:hover {
    color: rgb(109, 25, 22);
    transform: translatey(-5px);
    box-shadow: 0 15px 20px rgb(60 55 56 / 27%);
}

.fa-home,
.fa-building,
.fa-elementor,
.fa-phone-alt {
    font-size: 25px;
    padding-right: 5px;
    padding-bottom: 10px;
    color: rgb(255 22 22);
}

.fa-handshake {
    font-size: 25px;
    color: rgb(255 22 22);
    padding-bottom: 10px;
}

/*header end*/
.text {
    position: absolute;
    top: 400px;
    left: 450px;
    color: rgb(243, 223, 223);
    font-size: 25px;
    font-weight: 500;
    background-color: rgba(61, 60, 6, 0.5);
    width: 35%;
    text-align: center;
    height: 100px;
    align-items: center;
    padding-top: 25px;
}


/*carousel end */
.hizmetler {
    padding-top: 50px;
}

.lane {
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
}

.hizmetler .lane::after {
    content: "";
    background-image: url(img/line.png);
    background-size: cover;
    background-position: center;
    width: 145px;
    height: 2px;
    background-repeat: no-repeat;
    position: absolute;
    top: 45%;
    left: 16%;
}

.hizmetler .lane::before {
    content: "";
    background-image: url(img/line.png);
    background-size: cover;
    background-position: center;
    width: 145px;
    height: 2px;
    background-repeat: no-repeat;
    position: absolute;
    top: 45%;
    right: 16%;
}

.hizmet {
    padding-top: 50px;
}

.hizmet-body p {
    font-size: 15px;
    padding-top: 20px;
    letter-spacing: 1px;
    font-weight: 500;
}

.hizmet-body p::after {
    content: "";
    border: solid 1px;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 62px;
    left: 165px;
}

.fa-tools,
.fa-layer-group,
.fa-dolly {
    color: brown;
}

.fa-dolly:hover {
    transform: rotateY(360deg);
    transition: all .5s ease;
}

.fa-tools:hover {
    transform: rotateY(360deg);
    transition: all .5s ease;
}

.fa-layer-group:hover {
    transform: rotateY(360deg);
    transition: all .5s ease-in;
}

/*main end*/
.fa-user-tie,
.fa-flask,
.fa-shopping-cart,
.fa-hand-holding-medical,
.fa-tools,
.fa-layer-group,
.fa-dolly {
    font-size: 60px;
    padding-bottom: 10px;
}

.counter-bg {
    margin-top: 100px;
    background-image: url(../img/counter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.9;
    background-attachment: fixed;
    filter: hue-rotate(121deg);
    height: 300px;

}

.counter-title p {
    font-weight: 500;
    font-size: 15px;
    padding-top: 10px;
}
.text-center{
    padding-top: 30px;
}
/* counter end */

.card{
    border-top-right-radius: 10%;
    border-top-left-radius: 10%;
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    background-color: #fff;
    padding-bottom: 20px;
    border: none;
    transition: all .5s ease;
    padding-right: 70px;
}
.card-img-top{
    border-top-right-radius: 10%;
    border-top-left-radius: 10%;
    transition: all .5s ease;
} 
.text-card{
    font-size: 15px;
    font-weight: 600;
    color: rgb(109, 25, 22);
    text-decoration: none;
    letter-spacing: 1px;
    font-family: inherit;
    text-transform: uppercase;
} 
.card-img-top:hover{
    transform: translatey(-5px);
    box-shadow: 0 15px 20px rgb(60 55 56 / 27%);
}
.content-title span{
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
}
.content-title{
    padding-top: 30px;
}
.content-line::after{
    content: "";
    background-image: url(../img/line.png);
    background-size: cover;
    background-position: center;
    width: 145px;
    height: 2px;
    background-repeat: no-repeat;
    position: absolute;
    top: 130%;
    left: 43%;
}
.footer-text span{
    color: #fff;
    font-weight: 400;
    display: flex;
    padding-top: 10px;
    justify-content: center; 
}
.social{
    padding-top: 95px;
    padding-left: 100px;
}
.fa-facebook-square, .fa-instagram{
    font-size: 40px;
    color:#fff;
    padding-left: 5px;
}
.footer-text{
    padding-top: 70px;
    letter-spacing: 2px;
}
.footer{
    height: 250px;
}
.copyright p{
    text-align: center;
    color: rgb(243, 242, 240);
    padding-top: 10px;
    font-size: 10px;
}
.copyright{
    padding-top: 10px;
 }
 .sub-header{
    background-color: #f2f2f2;
    border-top: 1px solid white;
    box-shadow: 1px 1px 8px;
    border-bottom: 1px solid rgb(233 236 239);
    width: 100%;
    height: 100px;
 }
 .sub-header p {
    color: rgb(49, 57, 128);
    margin: auto;
    padding-top: 34px;
    font-size: 26px;
    font-weight: 700;
}
.about-main{
    margin-top: 150px;
}
.urun-group{
    padding-top: 20px;
    padding-bottom: 20px;
} 
.urun-group img{
    border: 1px solid rgb(72, 170, 177);
    border-radius: 3px;
}
.contact{
    text-align: center;
}
.contact-title{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
    line-height: 5px;
    letter-spacing: 5px;
    color: rgb(76, 61, 141);
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
}
.c-mail, .c-phone{
    padding-top: 50px;
}
.c-adress{
    padding-top: 40px;
}
.fa-at, .fa-map-marker-alt, .fa-blender-phone{
    font-size: 50px;
    color: rgb(182, 49, 55);
    opacity: 0.9;
}
.c-mail p, .c-adress p, .c-phone p {
    font-size: 15px;
    letter-spacing: 2px;
    padding-top: 15px;
}
.about-main p{
    font-weight: 600;
}
.footer-logo{
    padding-top: 70px;
}
 @media (max-width: 991px){
    .navbar-nav .nav-item .nav-link{
        font-size: 10px  
    } 
    .hizmet-body p::after{
        left: 49%;
    }
    .content-line::after{
        left: 40%;
    }
    .footer-text{
        padding-left: 40%;
        width: 100%;
    }
    .footer-text span{
        padding-top: 10px;
        font-size: 13px;
    }
    .social{
      padding-top: 100px;
    }
    .content-title{
        display: none;
    }
    .navbar-nav{
     padding-left: 172px;
    }
    .fa-handshake{
        font-size: 30px;
        margin-left: -5px;
    }
    .footer-logo img{
        width: 120%;
    }
    .copyright{
        padding-left: 88px;
    }
}
@media (max-width: 768px){
    .fa-envelope-open-text{
        font-size: 18px;
    }
    .sub-header p{
        font-size: 13px;
    }
    .owl-carousel .owl-item img{
        width: 66%;
    }
    .text-center{
        padding-top: 10px;
    }
    .footer-text{
        padding-left: 0px;
    }
    .footer-text span{
        font-size: 12px;
    }
    .fa-facebook-square, .fa-instagram{
        font-size: 25px;
    }
    .text-card{
        font-size: 11px;
    }
    .hizmetler .lane::before{
        top: 102%;
        width: 82px;
    }
    .hizmetler .lane::after{
        top: 102%;
        width: 82px;
    }
    .text{
       display: none;
    }
    .fa-user-tie,
    .fa-flask,
    .fa-shopping-cart,
    .fa-hand-holding-medical,
    .fa-tools,
    .fa-layer-group,
    .fa-dolly{
        font-size: 40px;
    }
    .copyright p{
        font-size: 9px;
        padding-right: 34px;
    }
    .lane{
        font-size: 23px;
    }
    .hizmet-body p:after{
        left: 47%;
        top: 44%;
    }
    .logo{
        padding-left: 35px;
    }
    .footer-logo{
    display: none;
    }
    .footer{
        height: 261px;
    }
    .social{
      padding-top: 30px;    
      text-align: center;
      padding-left: 0px;
    }
}
@media (max-width: 1155px){
    .navbar-nav .nav-item .nav-link{
        font-size: 13px;
    }
}
@media (max-width:500px){
    .mail-icon span{
        font-size: 12px;
    }
    .mail-icon{
        margin-top: 17px;
    }
    #phone{
        font-size: 32px;
        padding-top: 0px;
        padding-left: 15px;
    }
    #number{
        font-size: 12px;
        padding-top: 2px;
        padding-right: -25px;
    }
    .navbar-nav{
        padding-left: 120px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 10px;
    }
    .fa-home,
    .fa-building,
    .fa-elementor,
    .fa-phone-alt{
    
        font-size: 25px;
    }
    .fa-handshake{
        font-size: 25px;
    }
    .footer-text span{
        font-size: 8px;
    }
    .copyright p{
        font-size: 8px;
    }
    .owl-carousel .owl-item img{
        width: 66% !important;
    }

}