/** css starts here **/


.main-bac{

background-image: url('assests/background2.png');
background-size: cover;
background-repeat: no-repeat;
min-height:90vh;
background-attachment:scroll;
}

.main-bac-new{

    background-image: url('assests/law-bac-new.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height:90vh;
    background-attachment:scroll;
    }
    


.main-bac-home1{

    background-image: url('skyline-commercial-buildings-lagos-nigeria-600w-505185088.webp');
    background-size: cover;
    background-repeat: no-repeat;
    min-height:90vh;
    background-attachment: fixed;
    }


    .main-bac-home2{

        background-image: url('view-lagos-lagoon-victoria-island-600w-1219537303.webp');
        background-size: cover;
        background-repeat: no-repeat;
        min-height:90vh;
        background-attachment: fixed;
        }

        .main-bac-home3{

            background-image: url('aerial-view-lagos-island-marina-600w-1064262920.webp');
            background-size: cover;
            background-repeat: no-repeat;
            min-height:90vh;
            background-attachment: fixed;
            }


            .main-bac-home4{

                background-image: url('lagoon-lagos-lagoon-victoria-island-600w-1066980758.webp');
                background-size: cover;
                background-repeat: no-repeat;
                min-height:90vh;
                background-attachment: fixed;
                }
            

                .main-bac-home5{

                    background-image: url('wwlagos-nigeria-may-12-2019-600w-1411433657.webp');
                    background-size: cover;
                    background-repeat: no-repeat;
                    min-height:90vh;
                    background-attachment: fixed;
                    }



                .main-bac-home6{

                    background-image: url('14th-august-2019-victoria-island-600w-1479476273.webp');
                    background-size: cover;
                    background-repeat: no-repeat;
                    min-height:90vh;
                    background-attachment: fixed;
                    }


                    .main-bac-home7{

                        background-image: url('cms-church-lagos-600w-1180711228.webp');
                        background-size: cover;
                        background-repeat: no-repeat;
                        min-height:90vh;
                        background-attachment: fixed;
                        }
    
                        .main-bac-home8{

                            background-image: url('ig-lagos-nigeria-may-20-2017-600w-704677855.webp');
                            background-size: cover;
                            background-repeat: no-repeat;
                            min-height:90vh;
                            background-attachment: fixed;
                            }

                            .main-bac-home9{

                                background-image: url('9.webp');
                                background-size: cover;
                                background-repeat: no-repeat;
                                min-height:90vh;
                                background-attachment: fixed;
                                }


                                .main-bac-home10{

                                    background-image: url('10.webp');
                                    background-size: cover;
                                    background-repeat: no-repeat;
                                    min-height:90vh;
                                    background-attachment: fixed;
                                    }
            

                                    .main-bac-home11{

                                        background-image: url('HGPYND.jpg');
                                        background-size: cover;
                                        background-repeat: no-repeat;
                                        min-height:90vh;
                                        background-attachment: fixed;
                                        }
                
        

        
    


.nav-bac{

    background-color: white !important;
    width: 100%;
    height: 120px ;


}


.header-main{

    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    color: white;
    font-style: normal;
    text-align:left;
    margin-top:150px;
    line-height:70px;
    margin-left:55px;


}


.header-outro{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    line-height:26.5px;
    margin-left:55px;
}


.header-outro-2{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    margin-left: 70px !important;
    text-align: left;
    line-height: 28px;
    margin-bottom: 50px;

}

.logo{

width: 50px;
margin-top: 35px;
float: left;

}


.card-fancy{


background-color: rgba(255, 255, 255, 0.959);
width: 100% !important;
border: transparent;
min-height: 45vh;
float:right;
margin-top:125px;
margin-bottom: 130px;
box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);

}


.request-header{
    font-family: 'Muli', sans-serif;
    color: rgba(0, 0, 0, 0.76);
    font-weight:400;
    font-size: 23px;
    text-align: center;
    font-weight: 700;
    padding:50px 30px 8px 30px;

}


.request-body{

    font-family: 'Muli', sans-serif;
    text-align: center;
    padding:8px 50px 8px 50px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;

}


.arrow{

    width:20px;

}

.number{

    display: block;
    margin-left: auto;
    margin-right: auto;
    width:60%;
    height:48px;
   border-left: transparent;
   border-right: transparent;
   border-top: transparent;
background-color: transparent !important;
border-bottom:#E0115F 2px solid;
outline: none !important;
padding: 15px 15px 15px 15px;

}


input , textarea{

    width: 60% !important;
font-size: 12px !important;
font-family: 'Raleway', sans-serif !important;
color: black !important;

}


.button-request{

display: block;
margin-left: auto;
margin-right: auto;
width:60%;
height:48px;
background-color: transparent !important;
border: 1px solid black;
outline: none !important;
font-family: 'Muli', sans-serif !important;
font-size: 13px !important; 
margin-bottom: 50px;


}


.button-request:hover{

    display: block;
    margin-left: auto;
    margin-right: auto;
    width:60%;
    height:48px;
    background-color: black !important;
    border: transparent !important;
    outline: none !important;
    font-family: 'Muli', sans-serif !important;
    font-size: 13px !important; 
    color: white;
    margin-bottom: 50px;
    
    
    }


.policy-text{

    font-family: 'Muli', sans-serif !important;
    font-size: 9.5px;
    padding: 25px 105px 25px 110px;
    text-align:left;
color: #666666;
}


.profile-brief-header{

    font-family: 'Raleway', sans-serif !important;
    font-size:38.5px;
    margin-top: 85px;
letter-spacing: 1px;
color:#333333;
text-align: center;

}


.profile-brief-sub-header{
    font-family: 'Muli', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #666666;
    margin-top: 23px;
    margin-bottom: 100px;

}


.profile-brief-sub-header-22{
    font-family: 'Muli', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: black;
    margin-top: 40px;
   margin-bottom: -80px !important; 

}


.card-img{

box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
margin-bottom: 100px;
margin-top: 50px;

}


.body-profile{


    font-family: 'Muli', sans-serif !important;
    color:black;
     line-height: 28px;
     text-align: left;
     padding-left: 100px;
     font-size:14px;
     margin-top:22px;
     margin-bottom:-3px;
     
    
}


.learn-btn{

    width:40%;
    height:55px;
    background-color: black;
    border: transparent;
    color: white;
    font-family: 'Muli', sans-serif !important;
    font-size:14px;
    margin-top: 30px;
    
outline: none;
margin-bottom: 50px;
margin-left: 100px;
}


.learn-btn:hover{

    width:40%;
    height:55px;
    background-color:transparent;
border: 1px solid black;
    color:black;
    font-family: 'Muli', sans-serif !important;
    font-size:14px;
    margin-top: 30px;
  
outline: none;
margin-bottom: 50px;
margin-left: 100px;

}


.bac-whitesmoke{


background-color: whitesmoke;
width: 100% !important;
min-height: 70vh;


}


.legal-header{

color: #333333;
font-family: 'Raleway', sans-serif !important;
margin-top: 150px;
font-size: 30px;
letter-spacing: 1px;

}

.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color:black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;


}


.fancy-card-services{

background-color: white;
width: 80%;
min-height: 31.3vh;
border: transparent;
margin-bottom: 150px;
float: right;
box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);

}


.fancy-card-services:hover{

    background-color: black !important;
    width: 80%;
    min-height: 31.3vh;
    border: transparent;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-bottom: 150px;
    float: right;
    color: white !important;
}


.card-header-fancy{

    font-family: 'Muli', sans-serif !important;
    font-size: 20px;
    padding: 20px 20px 20px 25px;

}




.card-body-fancy{


    font-family: 'Muli', sans-serif !important;
    padding: 20px 20px 20px 25px;
    font-size: 13.5px;
    color: #666666;

}

.rq-link{

    font-family: 'Muli', sans-serif !important;
    color: #E0115F;
    font-size: 12.5px;
    padding: 20px 20px 20px 25px;


}

.card-img-law{

width: 25px;
margin: 20px 20px 20px 25px;

}

.card-img-law-2{

    width: 25px;
    margin: 20px 20px 20px 25px;
    
    }


   .rq-link:hover{

color: white !important;
text-decoration: none !important;


    }



html{

    scroll-behavior: smooth;
  }


  .arrow-down{

    width: 55px;
    float: right;
    margin-top: 30px;
    margin-bottom: 20px;


  }


  .font-menu{

color: white !important;
font-family: 'Muli', sans-serif !important;
text-transform: uppercase;
margin-top: 25px;
text-align: right;
text-decoration: none !important;

}


.font-menu:hover{

    color: #E0115F !important;
    font-family: 'Muli', sans-serif !important;
    text-transform: uppercase;
    margin-top: 25px;
    text-align: right;
    text-decoration: none !important;
    transition: transform .2s; /* Animation */
transform: scale(1.1);
    
    }
    

    .copy{

        font-family: 'Muli', sans-serif !important;
        color: white;
        font-size: 9.5px;
        margin-top: 350px;

    }
      


    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:left;
margin-top: -50px;

    }


    .client-header-p{

        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 150px;

    }

    .att{
        margin-left: -90px;
    }
    



    .client-body{

text-align:left !important;
font-family: 'Muli', sans-serif !important;
    color: #666666;
    margin-top: 15px;
line-height:28px;
margin-bottom: 150px;
font-size: 15.5px;

    }

    .mrg-oo{

margin-top: 18px;

    }




    .client-body-new{

        text-align:left !important;
        font-size:14px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
        line-height:24px;
        margin-bottom: -15px;
        
            }
        
    


    .clients-logo{

display: block;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 150px;
width: 100px;

    }
  


    .footer-bac{

background-color: black !important;
width: 100%;
min-height: 28vh;

    }
    

    .divider{

border: 0.4px solid rgba(77, 77, 77, 0.76) !important;

    }



   
    .mrg-top{

margin-top: 45px;
margin-bottom: 45px;

    }

    .footer-l{


        margin-right: 50px;
        color: white;
list-style: none !important;
font-family: 'Muli', sans-serif !important;
font-size:13px;
font-weight: 400;

}


.footer-l:hover{


    margin-right: 50px;
    color: #E0115F;
list-style: none !important;
font-family: 'Muli', sans-serif !important;
font-size:13px;
font-weight: 400;
text-decoration: none !important;

}


    .copy-right{

font-size: 10px;
color:whitesmoke;
margin-top: 60px;
font-family: 'Muli', sans-serif !important;


    }

    .ttt-2{

margin-top: 30px;

    }

    .tt-35{
        margin-bottom:50px;
    }



    .iim{

        margin-top: 150px !important;
        width:400px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        






      /** @ media query starts here **/
/** general **/


@media only screen and (min-width: 320px) and (max-width: 480px) {

    .mrg-tt{

        margin-top: -15px !important;
        margin-bottom: 50px;
        
        }

    .client-body-new{

        text-align:center !important;
        font-size:12.5px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
            padding-right: 8px;
            padding-left: 8px;
        line-height:24px;
        margin-bottom: 20px;
        
            }
        


    .att{
        margin-left: 10px !important;
    }
    


    .client-header-p{

        color: #333333;
        font-size: 25px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 80px;

    }


    .card-img{

        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 0px;
        margin-top: 50px;
        
        }

    .bg-light{

        background-color: white !important;
    
    }


    .shift{
        margin-left: 0px !important;
    }

.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 40px !important;
    padding-left:50px !important;
    color: white;
    font-style: normal;
    text-align:center !important;
    margin-top:70px;
}

    .lll{

        width: 30px !important;
    
    }



.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 10px !important;
    margin-top:10px !important;
    margin-left:-10px !important;

}


.logos{

    width: 75px !important;
    margin-bottom:-50px !important;
    margin-top:-10px !important;
    
    }


    .mins{
        font-family: 'Muli', sans-serif;
        padding-left: 90px;
        color:rgb(102, 102, 102);
        font-size: 12px;
        margin-bottom: -100px;
    }


    .wraps-components{

     
        margin-top: -70px !important;

        
        }


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

        


    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        padding: 8px 8px 0px 55px !important;
        text-align: center;
       
    }


.big-card{

   background-color: transparent !important;
   box-shadow: none !important;
   width: 80% !important;
   
    }


    .iim{

        margin-top: 30px !important;
        width:250px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        


        .header-outro-2{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 50px;
            margin-left: 20px !important;
            text-align: left;
            line-height: 28px;
            margin-bottom: 50px;
        
        }


    .main-bac{

        background-image: none !important;
       background-color: #E0115F !important;
        }
        
        
        .nav-bac{
        
            background-color: white !important;
            width: 100%;
            height: 70px !important;
        
        
        }


        .header-main{

            font-family: 'Raleway', sans-serif;
            font-size: 45px;
            color: white;
            font-style: normal;
            text-align:left;
            margin-top:20px;
        }


        .header-outro{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 30px;
            font-size: 16px;
            margin-bottom:50px;
            padding-left: 0px;
            padding-right: 20px;
            text-align:left;
        }



        .profile-brief-header{

            font-family: 'Raleway', sans-serif !important;
            font-size:38.5px;
            margin-top: 55px;
        letter-spacing: 0px;
        color:#333333;
        text-align: left;
        padding-left: 50px;
        
        }
        
        
        .profile-brief-sub-header{
            font-family: 'Muli', sans-serif !important;
            font-size: 13px;
            font-weight: 700;
            color: #666666;
            margin-top: 23px;
            margin-bottom: 80px;
            padding-left: 25px;
        
        }


        .body-profile{


            font-family: 'Muli', sans-serif !important;
            color: black;
             line-height: 28px;
             text-align: left;
             padding-left: 0px;
             font-size:10.5px;
             margin-top: 3px;
             padding-left: 10px;
             padding-right: 10px;
            
        }



.legal-header{

    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 50px;
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    
    }



.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color: black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;
padding-left: 25px;
padding-right: 12px;

}




.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }



    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 50px;
padding-left: 13px;

}
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }
        

            .footer-l{


                margin-right: 40px;
                color: white;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }
        
        
        .footer-l:hover{
        
        
            margin-right: 40px;
            color: #E0115F;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-decoration: none !important;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }




    .mrg-top{

        margin-top: 40px;
        margin-bottom: 40px;
        
            }

            


    .divider{

        display: none !important;
        
            }


            .copy-right{

                font-size: 9px;
                color:whitesmoke;
                margin-top: -15px !important;
                font-family: 'Muli', sans-serif !important;
                padding-left: 25px;
                
                
                    }
                
                


}

/**end**/


/** @media query for 6inches screen **/


@media screen 
and (max-width:720px)
and (max-height:1440px)
 and (max-resolution: 268dpi)
 and (-webkit-max-device-pixel-ratio:2)
 {

    .client-body-new{

        text-align:center !important;
        font-size:12.5px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
            padding-right: 8px;
            padding-left: 8px;
        line-height:24px;
        margin-bottom: 20px;
        
            }
        


    .att{
        margin-left: 10px !important;
    }
    


    .client-header-p{

        color: #333333;
        font-size: 25px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 80px;

    }

    .card-img{

        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 0px;
        margin-top: 50px;
        
        }

    .bg-light{

        background-color: white !important;
    
    }


    .shift{
        margin-left: 0px !important;
    }

.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left:15px !important;
    color: white;
    font-style: normal;
    text-align:left !important;
    margin-top:70px;
}

    .lll{

        width: 30px !important;
    
    }



.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 10px !important;
    margin-top:10px !important;
    margin-left:-10px !important;

}


.logos{

    width: 75px !important;
    margin-bottom:-50px !important;
    margin-top:-10px !important;
    
    }


    .mins{
        font-family: 'Muli', sans-serif;
        padding-left: 90px;
        color:rgb(102, 102, 102);
        font-size: 12px;
        margin-bottom: -100px;
    }


    .wraps-components{

     
        margin-top: -70px !important;

        
        }


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

        


    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        padding: 50px 4px 50px 60px !important;
       
    }


.big-card{

   background-color: transparent !important;
   box-shadow: none !important;
   width: 80% !important;
   
    }


    .iim{

        margin-top: 30px !important;
        width:250px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        



.header-outro-2{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    margin-left:23.5px;
    text-align: left;
    line-height: 25px;

}


    .main-bac{

        background-image: none !important;
       background-color: #E0115F !important;
        }
        
        
        .nav-bac{
        
            background-color: white !important;
            width: 100%;
            height: 70px !important;
        
        
        }


        .header-main{

            font-family: 'Raleway', sans-serif;
            font-size: 45px;
            color: white;
            font-style: normal;
            text-align:left;
            margin-top:100px;
        }


        .header-outro{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 30px;
            font-size: 16px;
            margin-bottom:50px;
            padding-left: 0px;
            padding-right: 20px;
            text-align:left;
        }



        .profile-brief-header{

            font-family: 'Raleway', sans-serif !important;
            font-size:38.5px;
            margin-top: 55px;
        letter-spacing: 0px;
        color:#333333;
        text-align: left;
        padding-left: 50px;
        
        }
        
        
        .profile-brief-sub-header{
            font-family: 'Muli', sans-serif !important;
            font-size: 13px;
            font-weight: 700;
            color: #666666;
            margin-top: 23px;
            margin-bottom: 80px;
            padding-left: 25px;
        
        }


        .body-profile{


            font-family: 'Muli', sans-serif !important;
            color: black;
             line-height: 28px;
             text-align: left;
             padding-left: 0px;
             font-size:10.5px;
             margin-top: 3px;
             padding-left: 10px;
             padding-right: 10px;
            
        }



.legal-header{

    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 110px;
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    
    }



.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color: black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;
padding-left: 25px;
padding-right: 12px;

}




.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }



    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 50px;
padding-left: 13px;

}
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }
        

            .footer-l{


                margin-right: 40px;
                color: white;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }
        
        
        .footer-l:hover{
        
        
            margin-right: 40px;
            color: #E0115F;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-decoration: none !important;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }




    .mrg-top{

        margin-top: 40px;
        margin-bottom: 40px;
        
            }

            


    .divider{

        display: none !important;
        
            }


            .copy-right{

                font-size: 9px;
                color:whitesmoke;
                margin-top: -15px !important;
                font-family: 'Muli', sans-serif !important;
                padding-left: 25px;
                
                
                    }
                
                
                

 }



 /** end**/



 /**@media query mobile game mode **/


  /*landscape*/
  @media only screen and (min-width: 568px) and (max-width: 812px) and (orientation:landscape) {



    .news-header{

        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-size:25px !important;
        color: white;
        margin-top:55px !important;

        
        
               }
            


    .main-bac-color-news{

        background-color: black;
        width: 100%;
        height:150px !important;
      }

    .mins ,.alarm{
    display: none !important;
        margin-bottom: -100px;
    }




    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

    .header-outro-2{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        margin-left: 100px;
        text-align: left;
        line-height: 28px;
    
    }


    .iim{
        width: 300px;
                margin-top: 50px !important;
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
                border-radius:5px;
            
                
                }


    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 150px;
padding-left: 20px;


    }
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }

    .nav-bac{
        
        background-color: white !important;
        width: 100%;
        min-height: 20vh;
    }


    .profile-brief-sub-header-22{
        display: none;
      
      }


      .header-main{

        font-family: 'Raleway', sans-serif;
        font-size: 60px;
        color: white;
        font-style: normal;
        text-align:center;
        margin-top:100px;
    }


    .header-outro{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        padding-left: 70px;
        padding-right: 30px;
        text-align: left;
        line-height:30px;
    }


    .body-profile{


        font-family: 'Muli', sans-serif !important;
        color:black;
         line-height: 28px;
         text-align: left;
         padding-left: 0px;
         font-size:10.5px;
         margin-top: 3px;
         padding-left: 10px;
         padding-right: 10px;
        
    }

    .learn-btn{

        width:40%;
        height:55px;
        background-color: black;
        border: transparent;
        color: white;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    }
    
    
    .learn-btn:hover{
    
        width:40%;
        height:55px;
        background-color:transparent;
    border: 1px solid black;
        color:black;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    
    }



.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }


    

  }


 /**end **/



 /** media query google pixel 2xl game mode **/


 @media screen 
 and (device-width: 823px) 
 and (device-height: 411px) {


    .mins ,.alarm{
        display: none !important;
            margin-bottom: -100px;
        }
    
    
    .news-header{

        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-size:25px !important;
        color: white;
        margin-top:10px !important;

        
        
               }
            

    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }


    .iim{
        width: 300px;
                margin-top: 50px !important;
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
                border-radius:5px;
               
                
                }



    .fancy-card-services{

        background-color: white;
        width: 100%;
        min-height: 31.3vh;
        border: transparent;
        margin-bottom: 150px;
        float: left;;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }
        
        
        .fancy-card-services:hover{
        
            background-color: black !important;
            width: 100%;
            min-height: 31.3vh;
            border: transparent;
            box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
            margin-bottom: 150px;
            float: left;;
            color: white !important;
        }



    .body-profile{


        font-family: 'Muli', sans-serif !important;
        color:black;
         line-height: 28px;
         text-align: left;
         padding-left: 0px;
         font-size:10.5px;
         margin-top: 3px;
         padding-left: 10px;
         padding-right: 10px;
        
    }



    .nav-bac{
        
        background-color: white !important;
        width: 100%;
        min-height: 5vh !important;
    }


    .profile-brief-sub-header-22{
        display: none;
      
      }


      .header-main{

        font-family: 'Raleway', sans-serif;
        font-size: 60px;
        color: white;
        font-style: normal;
        text-align:left;
        margin-top:100px;
    }


    .header-outro{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        padding-left: 0px;
        padding-right: 30px;
        text-align: left;
        line-height:30px;
    }

    .learn-btn{

        width:40%;
        height:55px;
        background-color: black;
        border: transparent;
        color: white;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    }
    
    
    .learn-btn:hover{
    
        width:40%;
        height:55px;
        background-color:transparent;
    border: 1px solid black;
        color:black;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    
    }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 100px;
        width: 50px;
        
            }

 }

 /**end**/

/*pixel2 */
 @media screen and 
 (device-width: 411px)
 and (device-height:731px) {
     
    .client-body-new{

        text-align:center !important;
        font-size:12.5px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
            padding-right: 8px;
            padding-left: 8px;
        line-height:24px;
        margin-bottom: 20px;
        
            }
        


    .att{
        margin-left: 10px !important;
    }
    


    .client-header-p{

        color: #333333;
        font-size: 25px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 80px;

    }
    .card-img{

        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 0px;
        margin-top: 50px;
        
        }

    .bg-light{

        background-color: white !important;
    
    }


    .shift{
        margin-left: 0px !important;
    }

.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left:15px !important;
    color: white;
    font-style: normal;
    text-align:left !important;
    margin-top:70px;
}

    .lll{

        width: 30px !important;
    
    }



.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 10px !important;
    margin-top:10px !important;
    margin-left:-10px !important;

}


.logos{

    width: 75px !important;
    margin-bottom:-50px !important;
    margin-top:-10px !important;
    
    }


    .mins{
        font-family: 'Muli', sans-serif;
        padding-left: 90px;
        color:rgb(102, 102, 102);
        font-size: 12px;
        margin-bottom: -100px;
    }


    .wraps-components{

     
        margin-top: -70px !important;

        
        }


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

        


    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        padding: 50px 4px 50px 60px !important;
       
    }


.big-card{

   background-color: transparent !important;
   box-shadow: none !important;
   width: 80% !important;
   
    }


    .iim{

        margin-top: 30px !important;
        width:250px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        



.header-outro-2{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    margin-left:23.5px;
    text-align: left;
    line-height: 25px;

}


    .main-bac{

        background-image: none !important;
       background-color: #E0115F !important;
        }
        
        
        .nav-bac{
        
            background-color: white !important;
            width: 100%;
            height: 70px !important;
        
        
        }


        .header-main{

            font-family: 'Raleway', sans-serif;
            font-size: 45px;
            color: white;
            font-style: normal;
            text-align:left;
            margin-top:53px;
        }


        .header-outro{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 30px;
            font-size: 16px;
            margin-bottom:50px;
            padding-left: 0px;
            padding-right: 20px;
            text-align:left;
        }



        .profile-brief-header{

            font-family: 'Raleway', sans-serif !important;
            font-size:38.5px;
            margin-top: 55px;
        letter-spacing: 0px;
        color:#333333;
        text-align: left;
        padding-left: 50px;
        
        }
        
        
        .profile-brief-sub-header{
            font-family: 'Muli', sans-serif !important;
            font-size: 13px;
            font-weight: 700;
            color: #666666;
            margin-top: 23px;
            margin-bottom: 80px;
            padding-left: 25px;
        
        }


        .body-profile{


            font-family: 'Muli', sans-serif !important;
            color: black;
             line-height: 28px;
             text-align: left;
             padding-left: 0px;
             font-size:10.5px;
             margin-top: 3px;
             padding-left: 10px;
             padding-right: 10px;
            
        }



.legal-header{

    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 110px;
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    
    }



.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color: black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;
padding-left: 25px;
padding-right: 12px;

}




.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }



    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 50px;
padding-left: 13px;

}
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }
        

            .footer-l{


                margin-right: 40px;
                color: white;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }
        
        
        .footer-l:hover{
        
        
            margin-right: 40px;
            color: #E0115F;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-decoration: none !important;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }




    .mrg-top{

        margin-top: 40px;
        margin-bottom: 40px;
        
            }

            


    .divider{

        display: none !important;
        
            }


            .copy-right{

                font-size: 9px;
                color:whitesmoke;
                margin-top: -15px !important;
                font-family: 'Muli', sans-serif !important;
                padding-left: 25px;
                
                
                    }
                
                
 }

 /**end**/



 @media screen and 
 (device-width: 411px)
 and (device-height:823px) {
     
    .client-body-new{

        text-align:center !important;
        font-size:12.5px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
            padding-right: 8px;
            padding-left: 8px;
        line-height:24px;
        margin-bottom: 20px;
        
            }
        


    .att{
        margin-left: 10px !important;
    }
    


    .client-header-p{

        color: #333333;
        font-size: 25px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 80px;

    }
    .card-img{

        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 0px;
        margin-top: 50px;
        
        }

    .bg-light{

        background-color: white !important;
    
    }


    .shift{
        margin-left: 0px !important;
    }

.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left:15px !important;
    color: white;
    font-style: normal;
    text-align:left !important;
    margin-top:70px;
}

    .lll{

        width: 30px !important;
    
    }



.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 10px !important;
    margin-top:10px !important;
    margin-left:-10px !important;

}


.logos{

    width: 75px !important;
    margin-bottom:-50px !important;
    margin-top:-10px !important;
    
    }


    .mins{
        font-family: 'Muli', sans-serif;
        padding-left: 90px;
        color:rgb(102, 102, 102);
        font-size: 12px;
        margin-bottom: -100px;
    }


    .wraps-components{

     
        margin-top: -70px !important;

        
        }


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

        


    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        padding: 50px 4px 50px 60px !important;
       
    }


.big-card{

   background-color: transparent !important;
   box-shadow: none !important;
   width: 80% !important;
   
    }


    .iim{

        margin-top: 30px !important;
        width:250px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        



.header-outro-2{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    margin-left:23.5px;
    text-align: left;
    line-height: 25px;

}


    .main-bac{

        background-image: none !important;
       background-color: #E0115F !important;
        }
        
        
        .nav-bac{
        
            background-color: white !important;
            width: 100%;
            height: 70px !important;
        
        
        }


        .header-main{

            font-family: 'Raleway', sans-serif;
            font-size: 45px;
            color: white;
            font-style: normal;
            text-align:left;
            margin-top:80px;
        }


        .header-outro{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 30px;
            font-size: 16px;
            margin-bottom:50px;
            padding-left: 0px;
            padding-right: 20px;
            text-align:left;
        }



        .profile-brief-header{

            font-family: 'Raleway', sans-serif !important;
            font-size:38.5px;
            margin-top: 55px;
        letter-spacing: 0px;
        color:#333333;
        text-align: left;
        padding-left: 50px;
        
        }
        
        
        .profile-brief-sub-header{
            font-family: 'Muli', sans-serif !important;
            font-size: 13px;
            font-weight: 700;
            color: #666666;
            margin-top: 23px;
            margin-bottom: 80px;
            padding-left: 25px;
        
        }


        .body-profile{


            font-family: 'Muli', sans-serif !important;
            color: black;
             line-height: 28px;
             text-align: left;
             padding-left: 0px;
             font-size:10.5px;
             margin-top: 3px;
             padding-left: 10px;
             padding-right: 10px;
            
        }



.legal-header{

    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 110px;
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    
    }



.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color: black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;
padding-left: 25px;
padding-right: 12px;

}




.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }



    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 50px;
padding-left: 13px;

}
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }
        

            .footer-l{


                margin-right: 40px;
                color: white;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }
        
        
        .footer-l:hover{
        
        
            margin-right: 40px;
            color: #E0115F;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-decoration: none !important;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }




    .mrg-top{

        margin-top: 40px;
        margin-bottom: 40px;
        
            }

            


    .divider{

        display: none !important;
        
            }


            .copy-right{

                font-size: 9px;
                color:whitesmoke;
                margin-top: -15px !important;
                font-family: 'Muli', sans-serif !important;
                padding-left: 25px;
                
                
                    }
                
                
 }




 /** media iphone x game mode **/


 @media screen 
 and (device-width: 812px) 
 and (device-height: 375px) {


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

    .iim{
        width: 300px;
                margin-top: 50px !important;
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
                border-radius:5px;
         
                
                }


    .fancy-card-services{

        background-color: white;
        width: 100%;
        min-height: 31.3vh;
        border: transparent;
        margin-bottom: 150px;
        float: left;;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }
        
        
        .fancy-card-services:hover{
        
            background-color: black !important;
            width: 100%;
            min-height: 31.3vh;
            border: transparent;
            box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
            margin-bottom: 150px;
            float: left;;
            color: white !important;
        }



    .body-profile{


        font-family: 'Muli', sans-serif !important;
        color:black;
         line-height: 28px;
         text-align: left;
         padding-left: 0px;
         font-size:10.5px;
         margin-top: 3px;
         padding-left: 10px;
         padding-right: 10px;
        
    }



    .nav-bac{
        
        background-color: white !important;
        width: 100%;
        min-height: 5vh !important;
    }


    .profile-brief-sub-header-22{
        display: none;
      
      }


      .header-main{

        font-family: 'Raleway', sans-serif;
        font-size: 60px;
        color: white;
        font-style: normal;
        text-align:left;
        margin-top:100px;
    }


    .header-outro{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        padding-left: 0px;
        padding-right: 30px;
        text-align: left;
        line-height:30px;
    }

    .learn-btn{

        width:40%;
        height:55px;
        background-color: black;
        border: transparent;
        color: white;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    }
    
    
    .learn-btn:hover{
    
        width:40%;
        height:55px;
        background-color:transparent;
    border: 1px solid black;
        color:black;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    
    }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 100px;
        width: 50px;
        
            }

 }

 /**end**/




/*--media query for ipad *--/

/*potrait*/


@media screen 
and (device-width: 768px) 
and (device-height: 1024px){


    .main-bac-new{
        min-height:75vh !important;
    }
    

    .shift{
        margin-left: 55px !important;
    }



    .header-outro{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        line-height:26.5px;
        text-align: left !important;
    }


    .mins ,.alarm{
        display: none !important;
            margin-bottom: -100px;
        }
    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }


    .header-outro-2{

        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        margin-left: 100px;
        text-align: left;
        line-height: 28px;
    
    }


    .iim{

        margin-top: 30px !important;
        width:300px !important;
       display: block !important;
       margin-left: auto !important;
       margin-right: auto !important;
       border-radius:5px;
      
        
        }


    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 100px;
        width: 40px;
        
            }



    .fancy-card-services{

        background-color: white;
        width: 100%;
        min-height: 31.3vh;
        border: transparent;
        margin-bottom: 150px;
        float: left;;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }
        
        
        .fancy-card-services:hover{
        
            background-color: black !important;
            width: 100%;
            min-height: 31.3vh;
            border: transparent;
            box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
            margin-bottom: 150px;
            float: left;;
            color: white !important;
        }



    .learn-btn{

        width:40%;
        height:55px;
        background-color: black;
        border: transparent;
        color: white;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    }
    
    
    .learn-btn:hover{
    
        width:40%;
        height:55px;
        background-color:transparent;
    border: 1px solid black;
        color:black;
        font-family: 'Muli', sans-serif !important;
        font-size:14px;
        margin-top: 50px;
        margin-bottom: 50px;
    outline: none;
    margin-bottom: 150px;
    margin-left: 10px;
    
    }


.header-outro{

text-align: center;

}


.body-profile{


    font-family: 'Muli', sans-serif !important;
    color:black;
     line-height: 28px;
     text-align: left;
     padding-left: 0px;
     font-size:10.5px;
     margin-top: 3px;
     padding-left: 10px;
     padding-right: 10px;
    
}


.footer-bac{

    background-color: black !important;
    width: 100%;
    min-height: 30vh;
    
        }

}


/*landscape*/

@media screen 
and (device-width: 1024px) 
and (device-height: 768px){

    .shift{
        margin-left: 55px !important;
    }

    

    .mins ,.alarm{
        display: none !important;
            margin-bottom: -100px;
        }

    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 100px;
        width: 55px;
        
            }



    .header-main{

        font-family: 'Raleway', sans-serif;
        font-size: 60px;
        color: white;
        font-style: normal;
        text-align:left;
        margin-top:150px !important;
    
     }
    
    
    .header-outro{
    
        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
    }





}


/**end**/



/*media query for ipad pro*/


@media screen 
  and (device-width: 1024px) 
  and (device-height: 1366px){


    .shift{
        margin-left: 55px !important;
    }


.main-bac-color-news{

    background-color: black;
    width: 100%;
    min-height:35vh !important;
       }



    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 30vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 100px;
        width: 60px;
        
            }


    .header-main{

        font-family: 'Raleway', sans-serif;
        font-size: 60px;
        color: white;
        font-style: normal;
        margin-top:200px !important;
    
     }
    
    
    .header-outro{
    
        font-family: 'Raleway', sans-serif;
        color:white;
        margin-top: 50px;
        padding-left: 25px;
    }


.main-bac-new{
    min-height:60vh !important;
}


.main-bac{

    background-image: url('assests/background2.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height:55vh;
    background-attachment: fixed;
    }



.fancy-card-services{

    background-color: white;
    width: 100%;
    min-height: 20vh;
    border: transparent;
    margin-bottom: 150px;
    float: left;;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 100%;
        min-height: 20vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 150px;
        float: left;
        color: white !important;
    }



    .bac-whitesmoke{


        background-color: whitesmoke;
        width: 100% !important;
        min-height: 63vh;
        
        
        }



    .footer-bac{

        background-color: black !important;
        width: 100%;
        min-height: 23vh;
        
            }


  }


/**end**/

/**media query for iphone 6 , 7 ,8 */
/*potrait*/

@media screen 
  and (device-width: 375px) 
  and (device-height: 667px) {

    .mrg-tt{

        margin-top: -50px !important;
     
        
        }

    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        text-align: left;
        
       
    }

    .header-main-about{

        font-family: 'Raleway', sans-serif;
        font-size: 40px !important;
        padding-left:180px !important;
        color: white;
        font-style: normal;
        text-align:center !important;
        margin-top:70px;
    }


    .client-body-new{

        text-align:center !important;
        font-size:12.5px;
        font-family: 'Muli', sans-serif !important;
            color: black;
            margin-top: 45px;
            padding-right: 8px;
            padding-left: 8px;
        line-height:24px;
        margin-bottom: 20px;
        
            }
        


    .att{
        margin-left: 10px !important;
    }
    


    .client-header-p{

        color: #333333;
        font-size: 25px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 0px;
text-align:center;
margin-top: 80px;

    }


    .card-img{

        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 0px;
        margin-top: 50px;
        
        }

    .bg-light{

        background-color: white !important;
    
    }


    .shift{
        margin-left: 0px !important;
    }

.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left:15px !important;
    color: white;
    font-style: normal;
    text-align:left !important;
    margin-top:70px;
}

    .lll{

        width: 30px !important;
    
    }



.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 10px !important;
    margin-top:10px !important;
    margin-left:-10px !important;

}


.logos{

    width: 75px !important;
    margin-bottom:-50px !important;
    margin-top:-10px !important;
    
    }


    .mins{
        font-family: 'Muli', sans-serif;
        padding-left: 90px;
        color:rgb(102, 102, 102);
        font-size: 12px;
        margin-bottom: -100px;
    }


    .wraps-components{

     
        margin-top: -70px !important;

        
        }


    .card-fancy{


        background-color: rgba(255, 255, 255, 0.959);
        width: 100% !important;
        border: transparent;
        
        min-height: 45vh;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:80px !important;
        margin-bottom: 100px !important;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        
        }

        


    .pp-1{
        font-family: 'Muli', sans-serif;
        color:black;
        font-size: 12.5px;
        padding: 50px 4px 50px 60px !important;
       
    }


.big-card{

   background-color: transparent !important;
   box-shadow: none !important;
   width: 80% !important;
   
    }


    .iim{

        margin-top: 30px !important;
        width:250px !important;
       display: block !important;
       margin-left: auto;
       margin-right: auto ;
       border-radius:5px;
        
        
        }
        



.header-outro-2{

    font-family: 'Raleway', sans-serif;
    color:white;
    margin-top: 50px;
    margin-left:23.5px;
    text-align: left;
    line-height: 25px;

}


    .main-bac{

        background-image: none !important;
       background-color: #E0115F !important;
        }
        
        
        .nav-bac{
        
            background-color: white !important;
            width: 100%;
            height: 70px !important;
        
        
        }


        .header-main{

            font-family: 'Raleway', sans-serif;
            font-size: 45px;
            color: white;
            font-style: normal;
            text-align:left;
            margin-top:20px;
        }


        .header-outro{

            font-family: 'Raleway', sans-serif;
            color:white;
            margin-top: 30px;
            font-size: 16px;
            margin-bottom:50px;
            padding-left: 0px;
            padding-right: 20px;
            text-align:left;
        }



        .profile-brief-header{

            font-family: 'Raleway', sans-serif !important;
            font-size:38.5px;
            margin-top: 55px;
        letter-spacing: 0px;
        color:#333333;
        text-align: left;
        padding-left: 50px;
        
        }
        
        
        .profile-brief-sub-header{
            font-family: 'Muli', sans-serif !important;
            font-size: 13px;
            font-weight: 700;
            color: #666666;
            margin-top: 23px;
            margin-bottom: 80px;
            padding-left: 25px;
        
        }


        .body-profile{


            font-family: 'Muli', sans-serif !important;
            color: black;
             line-height: 28px;
             text-align: left;
             padding-left: 0px;
             font-size:10.5px;
             margin-top: 3px;
             padding-left: 10px;
             padding-right: 10px;
            
        }



.legal-header{

    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    margin-top: 110px;
    font-size: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    
    }



.legal-intro{

    font-family: 'Muli', sans-serif !important;
    color: black;
    margin-top: 50px;
line-height:28px;
margin-bottom: 100px;
padding-left: 25px;
padding-right: 12px;

}




.fancy-card-services{

    background-color: white;
    width: 90%;
    min-height: 31.3vh;
    border: transparent;
    margin-bottom: 90px;
    float: left;
    box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
    margin-left: 20px;
    
    }
    
    
    .fancy-card-services:hover{
    
        background-color: black !important;
        width: 90%;
        min-height: 31.3vh;
        border: transparent;
        box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);
        margin-bottom: 90px;
        float: left;
        color: white !important;
        margin-left: 20px;
    }



    .client-header{

      
        color: #333333;
        font-size: 30px;
        font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
text-align: left;
margin-top: 50px;
padding-left: 13px;

}
    



    .client-body{

        text-align:left !important;
        font-family: 'Muli', sans-serif !important;
            color: #666666;
            margin-top: 30px;
        line-height:28px;
        margin-bottom: 100px;
        padding-left: 25px;
        padding-right: 12px;
        
            }



    .clients-logo{

        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 100px;
        width: 100px;
        
        
            }


            .learn-btn{
                margin-bottom:50px;
            }
        

            .footer-l{


                margin-right: 40px;
                color: white;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }
        
        
        .footer-l:hover{
        
        
            margin-right: 40px;
            color: #E0115F;
        list-style: none !important;
        font-family: 'Muli', sans-serif !important;
        font-size:11.5px;
        font-weight: 400;
        text-decoration: none !important;
        text-align: center;
        line-height:50px;
        padding-left: 30px;
        
        }




    .mrg-top{

        margin-top: 40px;
        margin-bottom: 40px;
        
            }

            


    .divider{

        display: none !important;
        
            }


            .copy-right{

                font-size: 9px;
                color:whitesmoke;
                margin-top: -15px !important;
                font-family: 'Muli', sans-serif !important;
                padding-left: 25px;
                
                
                    }
                
                


  }


/*end*/



/**media query for about us page **/


.big-card{

background-color:white;
width: 100%;
min-height: 70vh;
margin-top:100px;
box-shadow: 1.5px 1.5px rgba(74, 72, 187, 0.096);

}



.pp-1{
    font-family: 'Muli', sans-serif;
    color:black;
    font-size: 14.8px;
    padding: 10px 100px 5px 100px;
    line-height: 28px;
}



.mrg-tt{

margin-top: 50px;

margin-bottom: 50px;

}


.iim{

margin-top: 200px;
margin-left:55px;
border-radius:5px;


}


/**end**/


.map-module{

    font-family: 'Raleway', sans-serif;
color: white;
text-align: center;
margin-top:150px;


}

.bac-black{

background-color:black !important ;
width: 100% !important;
min-height: 50vh;

}

.contact-header{

    font-family: 'Raleway', sans-serif;
    color: #333333;
    margin-top: 250px;
    font-weight: 700;
    margin-bottom:50px;

}

.lll{

    width: 50px;

}

.ff{
    margin-top: 15px;
}


.icon-contact{

width: 33px;
margin-right:20px;


}

.contact-address{

    font-family: 'Muli', sans-serif;
    color: #666666;
    margin-bottom:10px;
    
}


.contact-address-2{

    font-family: 'Muli', sans-serif;
    color: #666666;
    margin-bottom:15px;
    margin-left: 55px;
    
}

.logos{

width: 110px;
margin-bottom:-80px;
margin-top:10px;

}


#map {
    height: 450px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
    background-color: black !important;
   }

   .main-bac-color{

background-color: black;
width: 100%;
min-height: 150px !important;
   }



.header-main-about{

    font-family: 'Raleway', sans-serif;
    font-size: 80px;
    margin-left:-160px !important;
    color: white;
    font-style: normal;
    text-align:center;
    margin-top:70px;
}


.main-bac-color-news{

    background-color: black;
    width: 100%;
    min-height:55vh;
       }


       .news-header{

text-align:left;
font-family: 'Raleway', sans-serif;
font-size:74px;
color: white;
margin-top:100px;
margin-left:55px;


       }
    

.nn{

width: 300px;
margin-top: 120px;
display: block;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 3px 6px #00000029;
border-radius: 3px;
opacity: 1;
margin-bottom: 55px;

}


.bookmark{
margin-left: 22px;
}

.fnt-news-header{

margin-left: 60px !important;
font-family: 'Raleway', sans-serif;
font-size: 29px;
margin-top: -28px;
line-height: 34px;
}


.fnt-news-body{

    font-family: 'Muli', sans-serif;
    padding-left: 60px;
    padding-right:30px;
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 100 !important;
    color:rgb(102, 102, 102);
}


.read-more{
    font-family: 'Muli', sans-serif;
    margin-top: 30px;
    font-size: 14px;
    padding-left: 59px;
    padding-right:30px;
    text-align: left;

}

.alarm{

float: left;
margin-left:55px;
width:11px;
margin-top: 0px;

}


.keyboard{
    margin-left: 270px !important;
    font-family: 'Raleway', sans-serif;
    font-size: 29px;
    margin-top: -60px;
    line-height: 34px;
}


.aa{

color: initial !important;
text-decoration: none !important;

}

.mins{
    font-family: 'Muli', sans-serif;
    padding-left: 90px;
    color:rgb(102, 102, 102);
    font-size: 12px;
    margin-top: -3px;
}

.wraps-components{

margin-top: 50px;
margin-bottom: 150px;

}


.ola{
    font-family: 'Muli', sans-serif;
    color: black !important;
    text-decoration: none !important;
    font-weight: bolder;
    font-size: 23.5px;
    margin-top:20px;
    margin-left: 55px;

}

a:hover{

    text-decoration: none !important;

}


.bg-light{

    background-color: white !important;
    

}

.nav-link{

font-size: 16px;
color: black !important;
font-family: 'Raleway', sans-serif;
font-weight: bolder;
margin-right:30px;

}


.nav-link:hover{

    font-size: 16px;
    color: #E0115F !important;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    margin-right:30px;
    
    }


    .shift{
        margin-left: 350px;
    }


    .no-feed{

        font-family: 'Muli', sans-serif;
        color: #666666;
        font-size: 18px;
        margin-top: 200px;
        margin-bottom: 200px;
        text-align: center;


    }