/******************font weights*******************/
.font-300{
    font-weight: 300;
}
.font-400{
    font-weight: 400;
}
.font-700{
    font-weight: 700;
}
.text-blue{
    color: #1B1464 !important;
}
.text-blue:hover{
    color: #1B1464 !important;

}
.text-gray{
    color: #656565;
}
.text-gray:hover{
    color: #656565;
}

/******************floats*******************/
@media(min-width:992px){
.my-float-lg-right{
float: right;
}
.my-float-lg-left{
    float: left;
    }

}


@media(max-width:991px){
    .my-float-md-right{
    float: right;
    }
    .my-float-md-left{
        float: left;
        }
   

}


@media(max-width:768px){
    .my-float-sm-right{
    float: right;
    }
    
    .my-float-sm-left{
        float: left;
        }
        

}
    

/******************font weights*******************/


.font-12{
    font-size: 12px;
}
.font-14{
    font-size:14px;
}

/***************buttons*****************/
.contact-btn{
    background-color:#47B9BB;
    color: white;
    font-size: 0.91rem;

}
.contact-btn:hover{
    color: white;
}
.login-btn{
    background-color: rgba(0, 0, 0,0);
    border: 1px solid #2C9F1C;
    color: #2C9F1C;
    font-size: 0.91rem;

}
.login-btn:hover{
    color: #2C9F1C;
}
/*****************Navbar***************/
.myNavbar{
    font-size: 0.95rem;
    min-height: 13.4vh;
}

.active-nav{

    border-bottom: 1px solid #2D3192;

}

@media(max-width:992px){
    .footer{display: none;}
    .myNavbar{display: none !important;}
    
    
    }
    @media(min-width:992px){
        .sidenav{display: none;}
        .sidenav-nav{display: none;}
        }


.social-link{
    color: #6f7072;
    border:  #6f7072 solid 2px;
    border-radius: 2000px;
    padding: 5px;
    width: 30px;
    height: 30px;
   text-align: center;
   margin-bottom: 10px;
}

.sidebar-bottom{
width: 100vw;
    position: absolute;
    bottom: 5%;
    transform: translate(0%,5%);
}

/*******************Header 1stdiv********************/
@media(min-width:769px){


.header-div{
    min-height: 86.6vh !important;
    background-image: url(/storage/imgs/lpageEn.png);
    display: flex; 
    align-items: center; 
    background-repeat: no-repeat;
    background-size: cover;

}
.header-disc{
    width: 25%;
}
.header-content{
width: 100%;
  
    color: #1B1464;
}

.header-mob-img{
    display: none;
}
}


.learnmore-btn{
    background-color: rgba(0, 0, 0,0);
    border: #47B9BB solid 1px;
    color: #1B1464;
}

.learnmore-btn:hover{
    color: #1B1464;

}

/* .header-btn{

padding: 5px 40px;

} */
@media(max-width:768px){
  
    .header-div{
        min-height: 46.6vh;
        background-image: none !important;
        background-color:#F0F7FD ;
display: flex; 
align-items: center; 
  }
    .header-disc{
        width: 100%;
    }
    .header-mob-img{
        display: block;
        object-fit: cover;
        width: 100%;
    }

    /* .header-content{
      
          
        } */

        .header-content h1{

            font-size: 2.3rem;
        }

}
/**********************stats div**********************/

.stats-div{
    min-height: 100vh;
    background-image: url(/storage/imgs/stats.jpg);
    background-size: cover;
    
}

.stats-no-div{
    color: white;
    border: 1px solid #47B9BB;
    border-radius:50000px;
    text-align: center;
    padding-top: 1.3vw;
    align-self: center;
    width:150px;
    height:150px;

    display: block;
    margin: auto;

}

.stats-in{
    width: 200px;
    text-align: center;
}

.stats-title{
    height:2.5rem;
}
@media(max-width:768px){


    .stats-in{
        float: none !important;
        margin: auto;
        display: block;
    }
    .stats-no-div{
        padding-top: 4vw;

    
    }
}

/*******************experts Div*******************/

.experts-div{
    min-height: 100vh;
    background-image: url(/storage/imgs/experts.jpg);
    background-size: cover;
    background-position:bottom;
}

.experts-row{
    width: 90%;
    margin: auto;
    color: #ffff;
    justify-content: center;
    margin-top:7%;
}
.experts-row h5{
    font-size: 17px;
}

/*********************Clients Div*********************/
.clients-div{
    min-height: 80vh;
    position: relative;
}



.slider-all{
    margin-top: 5%;
}

.client-img{
    width: 75%;
}
/*********************footer*********************/

.footer-div{
    background-color: #F5F5F5 !important;
}

@media(max-width:768px){
.mob-hide{
    display: none;
}
.info-dir-mob{
    direction: rtl;
}
.text-sm-left{
    text-align: left !important;
}
}

/*********************************services Page******************************/
.services-page-div{

    min-height: 86.6vh;
    background-image: url(/storage/imgs/services/servicesbg.jpg);
    background-size: cover;
}

/* .ser-img{ */
    /* -webkit-filter: drop-shadow(5px 5px 5px #222 );
    filter: drop-shadow(5px 5px 5px #222); */

/* } */
.service-card{
    min-height: 65vh !important;
   
}
.service-card:hover{
    
    background-image: linear-gradient(180deg, rgba(255,255,255,0), #7DC9E7);

}
.service-hidden{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;


}

.service-card:hover .service-hidden{
 opacity: 1;
  
}
.service-btn{
    background-color:#ffffff;
    color: #2D3192;
    font-size: 0.8rem;
    padding: 2% 10%;
    margin: auto;
    display: block;
}

.service-btn:hover{
    color: #2D3192;
}
@media(max-width:991px){
    .service-hidden{
        opacity: 1 !important;
        transition: opacity 0.3s ease-in-out;
    
    
    }

    .service-card{
    
        background-image: linear-gradient(180deg, rgba(255,255,255,0), #7DC9E7);
    
    }
}
/*****************************service sections page*****************************/
.service-sections-div{

    background-image: url(/storage/imgs/services/bg.jpg);
    background-size: cover;
}

.sections-content-div{
padding: 50px 0px;
    border-bottom: white solid 0.7px;
}
.sections-content-div:first-child{
    padding: 0px;
    padding-bottom: 50px;

}
.sections-content-div:last-child{
    border-bottom: none;


}

.service-card-inner{
    background-image: linear-gradient(180deg, rgba(255,255,255,0), #7DC9E7);

}

.service-card-inner img{
-webkit-filter: drop-shadow(5px 5px 5px rgb(56, 56, 56) );
    filter: drop-shadow(5px 5px 5px rgb(56, 56, 56));
}
.service-card-inner-height{
    min-height: 40vh !important;
}
/****************************About Us Page****************************/

.about-1st{
    background-image: url(/storage/imgs/about/ab1.jpg);
    background-size: cover;
    min-height: 88vh;
}


.about-2nd{
    background-image: url(/storage/imgs/about/ab2.svg);
    background-size: cover;
    min-height: 120vh !important;
}


.about-3rd{
    background-image: url(/storage/imgs/about/ab3.jpg);
    background-size: cover;
    min-height: 120vh;
}

.about-4th{
    background-image: url(/storage/imgs/about/ab3.jpg);
    background-size: cover;
    min-height:70vh;
}

.ab-bg{
    background-color:#47B9BB ;
    border-radius: 15px;
    padding: 30px;
}

@media(min-width:992px){
.about-1st-content{
    width: 80%;
}

.about-1st-content p{
       
width: 75%;    
                }


}



@media(max-width:992px){
   
    .about-1st-content h1{
font-size: 1.5rem ;
    }

  .ab-title-v-m{
      font-size: 1.2rem;
  }

.about-4th .col-lg-6{
margin-bottom: 60px;
}



}

/**********************contact page**********************/

.contact-div{
    min-height:100vh ;
color: white;
    background-image: url(/storage/imgs/contact/contact1.jpg);
    background-size: cover;
}

.form-div{
    border-radius: 40px;
}

.form-div input{

    border-color:#33B5B7 ;
    border-radius: 9px;
}


@media(max-width:992px){
    .contact-div{
        min-height:130vh ;
   
    }
    

}


.scroll-btn{
    position: fixed;
    bottom: 10%;
    right: 5%;
    display: none;
    z-index: 2 !important;
    border-color:#33B5B7;
    color:#33B5B7 ;
}
.scroll-btn:hover{

    background-color: #33B5B7;
    color: white;
}
@media(max-width:767px){
    .scroll-btn{
      
        display: inline;
        
    }

}

#body{scroll-behavior: smooth;}