/* width */
 ::-webkit-scrollbar {
     width: 10px !important;
 }

 /* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }
 nav li {

    border-bottom: 2px solid #FAFAFA;
}

.navbar-toggler:focus {
    text-decoration: none; 
    outline: 0;
    box-shadow: 0 !important; 
}

#navbar-brand{
    font-weight: 700;
font-size: 32px;
margin-left: 40px;
    margin-right: 40px;
line-height: 36px;
}

nav ul{
    font-weight: 700;
font-size: 16px;
line-height: 18px;
}
 nav li:hover {

    border-bottom: 2px solid black;
}

 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: #c7737f;

     border-radius: 0px;
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #CC4E61;
     border-radius: 0px;
 }

 .nav-item {
     margin-left: 10px;
     margin-right: 10px;
 }

 .title {
    font-family: 'Almarai';
     display: block;
     margin: 40px;
     position: absolute;
     background: #FAFAFA;
     font-weight: 700;
     font-size: 18px;
 }

 .imgline{
    width: 94%;
    height: 2px;
    margin-top:1px;
     margin-top: 53px;
    margin-left: 40px;
    margin-right: 40px;
 }

 #btnMenu {
     border: 2px solid #FAFAFA !important;
     outline: none !important;
     outline-width: 0 !important;
     box-shadow: none !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     color: red !important;
 }

 body {
     background: #FAFAFA !important;
 }

 * {
     /* background: #FAFAFA !important; */
     font-family: Poppins, 'Almarai';

 }

 p {
     text-align: justify;
 }

 .imgCategory {
     background: rgb(0, 0, 0) !important;
     padding: 0px !important;
     margin: 5px;
     width: 30% !important;
     border-radius: 5px;
 }

 .navbar-nav .dropdown-menu {
     position: static;
     padding: 10px;
     font-size: 11px;
 }

 #presentacion {
     text-align: center;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
     font-size: 24px;
     line-height: 36px;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 90px;
     margin-right: 37px;
     margin-left: 37px;
 }

 #textSobremi {
     font-size: 15px;
 }

 #ulSobremi {
     font-size: 15px;
     line-height: 1.5;
 }


 #imgdiv {
     margin-top: 250px !important;
 }

 #servicios {
     margin-top: 100px;
     margin-bottom: 50px;
     cursor: pointer;
 }

 #servicios img {
     opacity: 0.5;
 }

 #servicios img:hover {
     opacity: 1.0;
 }

 .icoFooter {
     width: 32px;
 }

 #sobremi {
     font-weight: 400;
     font-size: 24px;
     line-height: 27px;
     margin-top: 90px;
     margin-bottom: 90px;
     margin: 50px;
 }


#imgPerfil{
    padding: 0px;
 }
 #footer {
     padding: 40px;
     font-size: 13px;
 }

 /* .col-md-4 {
     width: 30% !important;
 } */


 .divimgContent img {
     width: 48%;
     display: inline-flex;
     object-fit: cover;
     border-radius: 5px;
     height: 425px;

 }

 #logoBrain {
     width: 10%;
 }

 #textBrain {
     width: 0px;
     visibility: hidden;
 }

 .offcanvas-body{
    margin-left: 35px;
    margin-right: 35px;
 }

 #carouselExampleRide{
    visibility: hidden;
    width: 0px;
 }


 @media (max-width: 1115px) {
    .offcanvas-body{
        margin-left: 20px;
        margin-right: 20px;
     }
     #textSobremi {
         font-size: 14px;
     }

     #ulSobremi {
         font-size: 14px;
         line-height: 1.5;
     }

     #sobremi {
         margin: 40px;
     }

 }
 
 @media (max-width: 991px){
    #textBrain {
        width: 200px;
        visibility: visible;
    }

    
    .divimgContent img {

        height: 100%
   
    }

    nav li:hover {

        border-bottom: 0px solid black;
    }

    nav li {

        border-bottom: 0px solid black;
    }

    .offcanvas-body{
        margin-left: 0px;
        margin-right: 0px;
     }
 }

 @media (max-width: 960px) {


    .imgline{
        width: 92%;
    
     }

 }

 @media (max-width: 805px) {

    .title {
        margin: 0px;
    }
   
    .imgline{
        width: 100%;
        margin-top: 3px;
        margin-left: 0px;
        margin-right: 0px;
   
    }
    
     #sobremi {
         margin: 20px;
     }

     .imgCategory {
         width: 30% !important;
     }


     .divimgContent img {
         height: 55%;

     }

     .divimgContent {
         margin-bottom: -35%;

     }
 }

 @media (max-width: 765px) {
    #footer {
 
        text-align: center;
    }
         .divimgContent {
         margin-bottom: -61%;

     }

     #textSobremi {
         font-size: 13px;

     }

     #ulSobremi {
         font-size: 13px;

     }


     #servicios {
         margin-top: 50px;
         margin-bottom: 50px;
     }

     #logFooter {
         margin-top: 15px;
     }

 }

 @media (max-width: 585px) {
 
    #presentacion {
        margin-right: 0px;
        margin-left: 0px;
    }
     #sobremi {
         margin: 5px;
     }

     #logoBrain {
         width: 18%;
     }

     #textBrain {
         width: 56%;
     }


     #footer {
         padding: 20px;
         text-align: center;
     }

     p {
         text-align: justify;
     }

     #content {
         width: 50% !important;
     }

 }

 @media (max-width: 535px) {
    #imgPerfil{
        padding: 10px;
     }

     p {
         font-size: 17px !important;
     }

     li {
         font-size: 17px !important;
     }

     #imgdiv {
         margin-top: 220px !important;
     }
 }
 @media (max-width: 420px) {
    .serviciosCategories{
        visibility: hidden;
        width: 0px;
     }

     #carouselExampleRide{
        visibility: visible;
        width: 100%;
     }

     
    
 }


 @media (min-width: 991px) {
     .dropdown-menu.show {
         display: block;
         left: -174px !important;
         padding-left: 21px;
     }

 }

 .contactodropdown {
    font-family: Poppins;
    text-align: center;
    align-items: center;
     font-size: 13px !important;
     font-weight: 400;
     background-color: #FAFAFA !important;
     border: 1px solid #F2F2F2 !important;
 }


 .contDorp a{
    text-decoration: none;
    margin: 5px;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: black;

 }

 .contDorp a:hover{
    color: rgb(61, 61, 61);

 }

    @keyframes rotate {from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}}
    @-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}}
.imgr{
    -webkit-animation: 5s rotate linear infinite;
    animation: 5s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#imgr2 {
     -webkit-animation-direction: reverse;
     animation-direction: reverse;
}

.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}