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

.wid-8{
    width:90%;
    margin:0 5%;
}

.font1{
    font-size:2rem;
    font-family:'Almarai', 'Heebo', sans-serif;
    font-weight:800;
}

.font2{
    font-size:1rem;
    line-height:1.8rem;
}

.font3{
    font-size:1.2rem;
    font-family: 'Almarai', 'Heebo', sans-serif;
    font-weight:800;
}

.iconx1 img{
    width: 150px !important;
    height: auto !important;
    padding-right:10px;
}

.iconx2{
    text-align:center;
}

.iconx2 img{
    width: 80px !important;
    transition:Ease-in-out 0.2s;
}

    .brandx1 img{
    width: 200px !important;
    transition:Ease-in-out 0.2s;
}


.txt-contentx1{
    padding:5% 20% 5% 0;
}

.mar{
    margin-top:4%;
}


.box{
    text-align:center;
    transition:Ease-in-out 0.3s;
    border: 1px solid #eaeaea;
    background:#fff;
    padding:20px;
    width:90%;
    margin: 0 auto;
}

.box:hover{
    border: 1px solid #ea2126;
    background:#ea2126;
    color:#fff !important;
}

.box h2{
    color:#333 !important;
}

.box:hover h2{
    color:#fff !important;
}

.box:hover .iconx2 img{
    filter: brightness(0) invert(1);
}



.btn-white{
    background-color: #fff;
    border: 2px solid #fff;
    color: #f06d73 !important;
    transition: Ease-in-out 0.3s;
    font-size: .7rem;
    letter-spacing: .15rem;
    padding: 15px 20px;
    display: inline-block;
    width: max-content;
    margin-top: 0;
}

.btn-white:hover{
    background-color:rgb(0,0,0,0);
    color:#fff !important;
    text-decoration:none;
}

.show-box{
    position:relative;
    display:block;
}

.contact-box{
    position:absolute;
    z-index:2;
    padding:3% 5%;
    background: #01244a;
    top:18%;
    left:10%;
    display:table;
}

.btnx2{

   color:#999 !important;;
   border:1px solid #fff;
   transition:Ease-in-out 0.3s;
   font-size:15px;
   margin-top:20px;
   display: inline-block;
   position: relative;
   border:0px !important;


}

.btnx2:hover{

   color:#444 !important;
   margin-left:20px;
   text-decoration:none;

}


.whitex2{
color:#fff !important;
}

.show-content {
    width:80%;
    margin:0 auto;
}

.show-content .img-holder img{
   filter:brightness(0.8);
    transition: all .2s ease-in-out;
}

.show-content:hover .img-holder img{
   transform:scale(1.05);
}


.show-content .content-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
    transform: scale(0);
    opacity: 0;
    transition: all .2s ease-in-out;
    background-color: rgb(234,33,38,0.8) !important;
    color: #fff !important;
}


/*slide logo*/
.sliderframe{	
    display: table;	
    width: 100%;
    }

.slidercontent{	
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
}

.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}

.intro {
    padding: 0 !important;
    overflow-x: auto;
}