.text-js{
opacity: 0;
}
.cursor{
display: block;
position: absolute;
height: 100%;
top: 0;
right: -5px;
width: 2px;
/* Change colour of Cursor Here */
background-color: white;
z-index: 1;
animation: flash 0.5s none infinite alternate;
}
@keyframes flash{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.rtl .hide-on-arabic{
display: none !important;
}
.rtl .hide-on-english{
display: block;
}
.hide-on-english{
display: none;
}
.hide-on-arabic{
display: block !important;
}
.hideslidebtn{
display: none !important;
}
.banner-content{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.banner-left-content{
padding-left: 130px;
}
.banner-left-content span{
color: #000;
font-family: Chakra Petch;
font-size: 83px;
font-style: normal;
font-weight: 700;
line-height: 87.5%;
text-transform: uppercase;
}
.red-box-with-text {
background: #EF1C26;
display: inline-block;
transform: skew(-8deg);
padding: 4px 13px;
}
.red-box-with-text h3{
color: #fff;
font-family: Chakra Petch;
font-size: 83px;
font-style: normal;
font-weight: 700;
line-height: 87.5%;
text-transform: uppercase;
transform: skew(8deg);
margin-bottom: 0px;
}
.banner-left-content p{
color: #000;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 31px;
text-transform: capitalize;
}
.banner-left-content h5{
color: #000;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 31px;
text-transform: capitalize;
}
.red-btn{
color: #FFF !important;
font-family: Chakra Petch;
font-size: 21px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
text-transform: uppercase !important;
background-color: #ED1C24 !important;
border-radius: 5px !important;
padding: 20px 75px !important;
}
.banner-right-content{
position: relative;
top: 100px;
right: 70px;
}
.banner-right-contentAR{
position: relative;
top: 100px;
right: 0px;
}
.banner-left-content-AR{
padding-right: 130px;
padding-left: 0px !important;
}
.why-choose-us-side-images{
height: 100%;
object-fit: cover;
}
.testomonials-title-text{
color: #000;
font-family: Chakra Petch;
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 108%;
text-transform: uppercase;
}
/* banner media quieries */
@media (max-width: 1580px){
.car-foil-left-banner-content h3{
font-size: 75px;
}
}
@media (max-width:1474px){
.red-btn{
padding: 20px 50px !important;
font-size: 20px !important;
}
.banner-left-content h5{
font-size: 20px;
}
.banner-left-content p{
font-size: 15px;
}
.red-box-with-text span{
font-size: 65px;
}
.banner-left-content span{
font-size: 65px;
}
.banner-left-content {
padding-left: 20px;
}
}
@media (max-width: 1333px){
.car-foil-left-banner-content h3{
font-size: 55px;
}
}
@media (max-width:1200px) {
.red-btn {
padding: 20px 50px !important;
font-size: 20px !important;
margin-top: 20px !important;
}
.banner-left-content h5 {
font-size: 20px;
}
.banner-left-content p {
font-size: 15px;
}
.red-box-with-text h3 {
font-size: 55px;
}
.banner-left-content h3 {
font-size: 55px;
}
.banner-left-content2 .red-box-with-text h3 {
font-size: 35px;
}
.banner-left-content2 h3 {
font-size: 35px;
}
}
@media (max-width:991px) {
.banner-new-image{
height: 1028px;
object-fit: cover;
}
.banner-content{
margin: 0px !important;
padding-right: 1rem !important;
padding-left: 1rem !important;
height: 100%;
top: 57%;
}
.banner-right-content{
right: 0px;
top: 190px;
}
.banner-right-content2{
top: 68px;
}
.banner-left-content{
padding-left: 0px;
}
.banner-left-content-AR{
padding-right: 0px;
padding-left: 0px !important;
}
}
@media (max-width:500px) {
.banner-new-image {
height: 810px;
object-fit: cover;
}
}
@media (max-width: 401px){
.banner-right-content {
right: 0px;
top: 110px;
}
.banner-new-image {
height: 758px;
object-fit: cover;
}
.banner-right-content2{
top: 25px;
}
}
@media (max-width: 344px) {
.banner-right-content {
right: 0px;
top: 55px;
}
.banner-new-image {
height: 758px;
object-fit: cover;
}
.banner-right-content2{
top: 25px;
}
}
/* banner media quieries */