@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;1,300;1,400&display=swap');
.sce1{ width: 100%; height: 650px; position: relative; background: url(../images/Raya-Foods-website-how.jpg) fixed center center; background-size: cover;}
/* .sce1 .sec-p{ color: white; font-size: 30px; padding-top: 322px; padding-left: 140px; font-family: Ubuntu, sans-serif;text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.91); background-color: rgba(0, 0, 0, 0.15); height: 650px;} */
.sce1 .sec-p{width:600px;text-shadow: 1px 2px 3px #666; font-size: 30px; font-weight: 400; line-height: 42px; text-transform: initial; font-family: Ubuntu;font-style:italic; color: #fff;height: 400px;padding: 50px 0 0 0px;}
.sce1 .sec-title{text-shadow: 1px 2px 3px #666; font-size: 48px; font-weight: 400; text-transform: initial; font-family: Ubuntu;font-style:italic; color: #fff; padding: 200px 0 0 0px;}
.sce2{ width: 100%; height: 100px; position: relative; background-color: #fff;}
.sce2:before{ content: ''; width: 50%; height: 120px; position: absolute; top: -48px; left: 0;background-color: #fff;transform: skewY(6deg); z-index: 0;}
.sce2:after{content: '';  width: 50%; height: 120px; position: absolute; top: -48px; right: 0; background-color: #fff;transform: skewY(-6deg); z-index: 0;}
.sce2 h3{z-index: 1;position: absolute;color: #006bb7; font-size: 28px;text-shadow: 0px 1px 9px rgba(0, 0, 0, 0.2); }
.sce2 h5{ z-index: 1; position: absolute; color: #9c9ea0;font-size: 16px;margin-top: 55px;}
.sce2 h5 a{ text-decoration: none; color: #9c9ea0;font-family: Ubuntu, sans-serif;font-style:italic}
.sce2 h5 a:hover{text-decoration: none;}
.productt{box-shadow: 1px 1px 8px 1px #888888;}
.productt .product{margin-bottom: 40px;}
.productt .product h4{font-family: Ubuntu, sans-serif;font-weight: 500;font-style:italic}
.productt  h3{font-family: Ubuntu, sans-serif;color: #006bb7; margin-bottom: 60px; text-shadow: 0px 1px 9px rgba(0, 0, 0, 0.2);}
.productt .product p{font-family: Ubuntu, sans-serif; font-family: Ubuntu, sans-serif;}
.contact .add{margin-top: 40px;}
.contact .left{border-right: 1px;}
.contact .add i{float: left;margin-right: 20px;padding: 0;font-size: 2rem;}
.contact .add h4{color: #006bb7;font-family: Ubuntu, sans-serif; font-size: 18px;font-style:italic}
.contact .add p{ font-family: Ubuntu, sans-serif;}
.contact .add a{font-size: 15px;color: rgba(108, 108, 108, 0.66);text-transform: uppercase;}
.contact .right img{ float: left;margin-right: 10px;}
.contact .right h3{ color: #006bb7; text-shadow: 0px 1px 9px rgba(0, 0, 0, 0.2);}
.contact .right label{ color: #000;font-family: Ubuntu, sans-serif;font-style:italic}
.contact .right .btn-group-lg>.btn, .btn-lg {padding: 10px 39px;font-size: 15px;line-height: 1.3333333; border-radius: 6px;font-family: Ubuntu, sans-serif;font-style:italic}
.contact .right .rig{text-align: right;margin-top: 5px;}
.navbar-inverse { transition: all ease .5s;margin-top: 0px;background-color: #ffffffb3;border-color: rgba(0, 0, 0, 0);}
.navbar-inverse.shrink {height: 40px;transition: all ease .5s; background: #ffffff; margin-top: 0;border-bottom: 1px solid #c7c8cac7;}