/* navbar */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
section{
   
    overflow: hidden !important;
}

img{
    width: 100%;
  }


@media screen and (max-width:765px) {

 
.modal-title {
   
    font-size: 28px;
}

.sm_hide{
    display: none !important;
}
#services h3 {
    
    font-size: 25px;
}
}
@media screen and (min-width:765px) {

  
.lg_hide{
    display: none !important;
}

    
}


/* about */

#about h2{
    color: #22244d;
}
#about h2 span{
    color: #336ae9;
}
#about p{
    text-align: justify;
    line-height: 34px;
}
#about .col-md-6{
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;
}
#about .col-md-6.animation{
    opacity: 1;
    transform: translatey(0);
}
#about{
    padding: 100px 0;
}
/* about */

/* contact */

.aside-stretch-right{
    background: #22244d;
    padding-right: 3rem;
}
.aside-stretch-right h2{
    color: white;
}
.footer-heading{
    color:white ;
}

.form-control {
    height: 50px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 14px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* padding: 12px; */
}

.footer_bg{
    background-image: url(../img/b1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.footer_bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
    background: black;
    opacity: .5;
}

/* contact */

/* services */
#services h3{
    color: #22244d;
    margin-top: 20px;
}
.service_more{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}
.service_more b{
    color: #22244d;
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
}
.service_more:hover b{
    opacity: 1;
    transform: translateY(0);
}
#services{
    padding-bottom: 100px 0;
    
}
#services h2{
    color:#22244d;
    text-align: center;
    margin-bottom: 50px;
   
  
   
}
.modal-header {
  
    align-items: center;
  
    justify-content: center;
  
  
    flex-direction: column;
}
.modal-title h1{
    color:#22244d !important; 
    margin-top: 30px; 
}
.modal-body {
  
    text-align: justify;
}
#services .col-md-4{
    transition: 1s;
    transform: translateY(100px);
    opacity: 0;
    margin-bottom: 30px;

} 
#services .col-md-4.animation{
    transform: translateY(0);
    opacity: 1;
}

/* services */

/* quickchat */
.quic_contact a{
   
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quic_contact{
  
        position: fixed;
        bottom: 40%;
        right: 0;
        border-radius: 10px 0 0 10px;
        overflow: hidden;
        z-index: 2;
}
/* quick chat */

.social_icons{
    display: flex;
    justify-content: center;
}
.social_icons a{
    margin: 0 10px;
    font-size: 18px;
    color: white;
}