@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-contact-us2.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-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;}
.sce1 .sec-p{width:500px;text-shadow: 1px 2px 3px #666; font-size: 30px; font-weight: 400; line-height: 30px; text-transform: initial; font-family: Ubuntu;font-style:italic; color: #fff; height: 400px;padding: 50px 0 0 0px;}
/* .sce1 .sec-p{ text-shadow: 1px 2px 3px #666; font-size: 56px; font-weight: 400; line-height: 79px; text-transform: initial; font-family: Ubuntu;font-style:italic; color: #fff;background-color: rgba(0, 0, 0, 0.15); height: 650px;padding: 322px 0 0 140px;} */
.sce2{  width: 100%; height: 100px; position: relative; background-color: #fff;}
.sce2:before{ content: ''; width: 50%; height: 150px; position: absolute; top: -48px; left: 0; background-color: #fff; transform: skewY(6deg); z-index: 0;}
.sce2:after{  content: ''; width: 50%; height: 150px; 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;}
.contact{ background: url(../images/back-contact.jpg) fixed center center; background-size: 100% 100%;box-shadow: 1px 1px 8px 1px #888888;}
.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);}
.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;}