@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&family=El+Messiri&display=swap');

* {
   font-family: 'El Messiri', sans-serif;
}

body {
   font-family: 'El Messiri', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span, li, a, strong,
.vigo-product .product-price {
   font-family: 'El Messiri', sans-serif !important;
}

header .social-media {
   padding-right: 18px;
   padding-left: initial;
}

.header-info .header-meta {
   margin-left: 36px;
   margin-right: initial;
}

.header-info i {
   margin-left: 10px !important;
   margin-right: initial;
}

.main-nav .main-logo {
   right: 0px;
   margin-left: initial;
   width: 200px;
}

.main-nav .navbar-nav {
   margin-left: 52px;
   margin-right: initial;
}

.navbar-nav li {
   float: right;
}

.navbar-light .navbar-brand {
   float: right;
}

.ct-slider-text {
   text-align: right;
}

.call-to-action .call-to-action-content,
.services .services-container-title,
.about-content,
.product-features .product-features-title,
.product-features .product-features-content,
.recommended-container-title,
.recommended-box,
.recommended .recommended-box,
.recommended .recommended-container-title,
.vigo-product .product-box {
   text-align: right;
}

.services .services-box {
   text-align: right;
   width: 50%;
}

.services-offer {
   float: right;
}

.about-section .about-content-title:before {
   right: 0px;
   left: initial;
}

.about-section .about-section-btn {
   float: right;
}

.product-features .product-features-left {
   padding-left: 30px;
   padding-right: initial;
}

.process-box:before {
   left: 0px;
}

.vigo-product .rating_subtitle {
   margin-right: 5px;
}

.footer-title, .footer-box, .copyright, .footer-contact-form, .footer-content {
   text-align: right !important;
}

.footer-title:before {
   right: 0 !important;
}

footer .contact-address li i {
   margin-left: 15px;
   margin-right: initial;
}

.copyright-box {
   text-align: right;
}

.footer-logo a:first-child {
   padding-left: 0px;
   padding-right: initial;
}

@media screen and (max-width: 768px)
{
   .navbar-light .navbar-brand {
       float: left;
   }

   .ct-slider-text {
      text-align: left;
   }

   .call-to-action .call-to-action-content {
      padding: 10px;
   }

   .services .services-box {
      width: 100%;
   }
   
   .header-info i {
        margin-left: 10px !important;
        margin-right: initial !important;
        top: 2px;
        position: relative;
        right: 7px;
    }
    
    .product-box .justify-content-center {
        justify-content: start !important;
    }
    
    .productIconsVideo a {
        margin: 5px 5px;
    }
    
    .product-box-content {
        margin-top: 20px;
    }
    
    .certification img {
      width: 100%;
      height: 40px;
    }
    
    .slider-title .green {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
}