/** product section **/
.product {
    background: #fff;
    padding-top: 60px;

}

.product .title {
    text-align:left;
    padding-bottom: 60px;
}

.product .title h2 {
    font-size: 50px;
    line-height: 55px;
    color:#ffc221;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 27px;
    position: relative;
    padding-bottom: 8px;
}

.product .title h2:after {
    position: absolute;
    border-bottom: #000 solid 10px;
    content: '';
    top: 100%;
    width: 110px;
}

.product .title span{
color:#070500;
font-size: 22px;
line-height: 28px;
margin-top: 20px;
}

.product-bg {
    background: url(../images/bgn.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.product-bg-white {
    background: #ffffffbd;
    box-shadow: #00000040 0px 0px 25px 0px;
    padding-top: 80px;
    padding-bottom: 60px;
}
 .product-bg .product-bg-white .product-box {
    background: #ddd;
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 25px;

 }
 .product-bg .product-bg-white .product-box i img {width: 100%;}
 .product-bg .product-bg-white .product-box:hover {
    background: #fdc24f;
 }

 .product-bg .product-bg-white .product-box  h3 {
    color: #020000;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    padding-top: 15px;
 }

 .product-bg .product-bg-white .product-box span {
    color: #020000;
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
 }
.product-bg .product-bg-white .product-box span:hover {
    color: #fff;
}


.Clients_bg_white {
    background:#ffffffbd;
    margin-top: 6px;
    padding-bottom: 40px;
}

.Clients_bg_white .title {
    text-align: left;
    padding-bottom: 30px;
}
.Clients_bg_white .title h3 {
    color: #030000;
    font-size: 50px;
    line-height: 50px;
    padding-top: 40px;
}

.banner_Client {
    position: relative;
}

.text-bg {position: inherit; text-align: left; }

.text-bg p {color: #030000;
  font-size: 17px; line-height: 28px;  padding-top: 40px; padding-bottom: 40px; display: inline-block;
 }
.img_bg i {float: left; display: flex; flex-wrap: wrap;}
.img_bg i img {width: 149px; height: 149px;}
.img_bg  span {color: #000; font-size: 28px; line-height: 28px; padding-left: 40px; padding-top: 41px;}
.img_bg .date {font-weight: normal; font-size: 16px; } 

.carousel-indicators li {
    width: 25px;
    height: 25px;
    border-radius: 30px;
} 

.carousel-indicators {right: inherit; margin-left: 7px;}

.carousel-indicators .active {
    background-color: #fdc24f;
}
.carousel-indicators li {
    background: #0c0505;
}

.yellow_bg {background: #ffc221; 
    padding: 40px 30px; 
    margin-top: 100px;
}

.yellow_bg .yellow-box h3 {
    color: #fff; 
    font-size: 31px; 
    font-weight: bold; 
    display: inline-block; 
    padding-bottom: 6px;
}
.yellow_bg .yellow-box i {padding-bottom: 10px; padding-left: 15px; }
.yellow_bg .yellow-box p {

    font-size: 22px; 
    line-height: 28px; 
    color: #010101;
}
.yellow_bg .yellow-box a {
    background: #000;
    border-radius: 30px;
    max-width: 344px;
    width: 100%;
    font-size: 31px;
    line-height: 33px;
    color: #fff;
    padding: 16px 73px;
    display: inline-block;
    text-align: center;
    margin-left: 50px;
    margin-top: 17px;
    font-weight: 500;
}






/** end product section **/














@media (max-width: 575px) {
    
    #main_slider .carousel-control-prev,
    #main_slider .carousel-control-next {
        width: 40px;
        height: 40px;
    }
    
    .product .title h2 {font-size: 40px;}
    .product .title span {font-size: 21px;}
   .Clients_bg_white .title h3 {font-size: 31px; line-height: 37px;}
   .yellow_bg .yellow-box h3 {font-size: 20px;}
   .yellow_bg .yellow-box i {display: inline-block;} 
    .read-more a {
        width: 192px;
        padding: 12px 0px;
        font-size: 16px;
    }
    .yellow_bg .yellow-box a {font-size: 21px; line-height: 25px; padding: 16px 55px; margin-left: 0px;}
    .address {
        margin-bottom: 30px;
    }
    
}










