@media only screen and (max-width: 991px) and (min-width: 768px){
    .slick-slide {
        height:auto;
    }
}

p{
    font-size: 20px !important;
}
.btn{
    /* font-size: 20px !important; */
}

.form-contact .form-control{
    font-size: 18px !important;
}
.form-contact label{
    font-size: 18px !important;
}


.main-header .main-menu ul li a{
    font-size: 16px !important;
}

.text-justify{
    text-align: justify !important;
}
/*  */
.we-trusted-area{
    background: #f6f9fe !important;
}

.we-trusted-area .trusted-caption p {
    /* line-height: 18px; */
    margin-bottom: 0px !important;
}
.we-trusted-area .trusted-caption h2 {
    font-size: 25px !important;
}

/*  */
.we-trusted-area .trusted-caption b {
    font-size: 20px !important;
}
.we-trusted-area .trusted-caption li {
    list-style-type: none;
    font-size: 20px !important;
    /* word-break: break-all; */

}
.we-trusted-area .trusted-caption ul {
    margin:20px;
}

.h1-testimonial-active:hover button{
    background-color: #002169 !important;
}
/*  */
/* .slicknav_nav {
    background-color: black;
    opacity: 0.5;
    width:50% !important;
}
.slicknav_nav a{
    color:white;
} */


.header-area .header-top .header-info-left ul li{
    font-size:16px !important;
}
@media (max-width: 767px){
.emailus-modal-logo{
    display: none !important;
}
.we-trusted-area .trusted-caption {
    padding: 15px !important;
    margin-left: 0px;
}
}
.we-trusted-area .trusted-caption ul{
    text-align: justify !important;
    list-style-type: none;

}

.we-trusted-area .trusted-caption .second-part ul li{
    list-style: none !important;
    text-align: justify;
    margin-bottom: 15px;

}

.we-trusted-area .trusted-caption .second-part ul li:nth-of-type(2){
 font-style: italic;
}
.testimonial-area{
    background: #f6f9fe !important;
    padding-bottom: 135px;
}



@media only screen and (max-width: 1199px) and (min-width: 992px){
    
.slider-area .hero__caption h1 {
    font-size: 50px !important;
}

}
.slider-area .hero__caption p {
    color: #002169 !important;
    font-size: 25px !important;
    font-weight: bold !important;

}
.slider-area .hero__caption h1 {
    color:#00BED6 !important;
    font-weight: bold !important;
    font-size: 45px !important;


}

.we-trusted-area .trusted-caption h2 {
    color: #002169 !important;
}
.we-trusted-area .trusted-caption p b {
    color: #002169 !important;

}

.services-area .single-services .services-caption h4 {
    color: #002169 !important;
}

.completed-cases .single-cases-img .single-cases-cap h4 a:hover{
    color: #00BED6 !important;

}
.single-cases-img img{
    height: 600px;
}
.single-services:hover .services-icon span {
    color: #00BED6 !important;
}

.border-btn::before {
    background:  #00BED6 !important;
    
}
.border-btn {
    border: 2px solid  #00BED6 !important;
    color:  #002169 !important;
}

.recent-area .single-recent-cap .recent-cap span{
    color:  #00BED6 !important;
}

.recent-area .single-recent-cap .recent-cap h4 a:hover{
    color:#00BED6 !important;
}
/* universal */

#scrollHome {
    /* background: white; */
    height: 80px;
    width: 80px;
    /* right: 10px; */
    left: 10px;
    /* top: 80%; */
    bottom: 18px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    border: 2px solid transparent;

}

@media (max-width: 767px) {
    #scrollHome {
        right: 16px
    }
}

#scrollHome:hover {
    color: #fff
}



#scrollUp{
    border: 15px solid transparent !important;
}
.header-area .header-top .header-info-right .header-social a i:hover{
    color:#00BED6 !important;
}
.header-area .header-top .header-info-right .header-social a:hover{
    color:#00BED6 !important;
}
.top-bg {
    background: #002169 !important;
}
.btn {
    background: #00BED6 !important;
}

.btn::before{
    background: #7ADBD4 !important;
}
.main-header .main-menu ul li {
    color: #002169 !important;
}

.main-header .main-menu ul li:hover>a {
    color: #7ADBD4 !important;
}


.slider-active button.slick-arrow{
    background: #00BED6 ;
}
.slider-active button.slick-arrow:hover{
    background: #002169 !important;
}

#scrollUp{
    background: #00BED6 !important;
}
#scrollUp:hover{
    background: #002169 !important;
}

.preloader .preloader-circle{
    border-top-color:  #00BED6 !important;
}
.slicknav_menu .slicknav_icon-bar{
    background-color:  #00BED6 !important;
}

.footer-area .footer-tittle ul li a:hover{
    color:  #00BED6 !important;

}
.footer-area .footer-social a i {
    color: #002169 !important;
}
.footer-area .footer-social a i:hover {
    color:  #00BED6 !important;
}

.footer-area .footer-tittle ul li span{
    font-size: 20px !important;
}
.footer-area .footer-pera p{
    font-size: 20px !important;
}
.footer-area .footer-tittle ul li{
    font-size: 20px !important;
}

.footer-area .footer-tittle h4{
    font-weight: bold;
}

.slider-area .hero-cap h2{
    font-size: 70px !important;
}




/* about us page */

.slider-area .hero-cap h2{
    /* color: #00BED6 !important; */
    color: white !important;
}


/* career page */

.boxed-btn{
    color: #002169 !important;
    border:1px solid  #00BED6 !important

}

.boxed-btn:hover{
    background: #00BED6 !important;
    /* border: purple !important; */
}
.slider-height2{
    box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 1);
}
/* contact page */

.contactus-in-modal .modal-body{
    background: salmon;
}
.emailus-modal-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #002169;
    height: 100%;
    border-radius: 5px;
}


/* services page design */

/* modal */
.animated {
    background-color: #f8fafe !important;
    background: #f8fafe !important;
}
.modal-content .flex-item img{
    height:700px;
    width:700px;
    border-radius: 50%;
    margin-top:-10%;
    margin-left: -50%;
}

.modal-content .flex-item-2 img{
    height:700px;
    width:700px;
    margin-top:-10%;
    margin-left: -50%;
    border-radius: 50%;
}

.modal-content .flex-item-3 img{
    height:700px;
    width:700px;
    margin-top:-10%;
    margin-left: -40%;
    border-radius: 50%;
}

.modal-content .flex-item-4 img{
    height:700px;
    width:700px;
    margin-top:-10%;
    margin-left: -50%;
    border-radius: 50%;
}

.modal-content .flex-item-5 img{
    height:700px;
    width:700px;
    margin-top:-10%;
    margin-left: -50%;
    border-radius: 50%;
}

.modal-content .flex-item-6 img{
    height:700px;
    width:700px;
    margin-top:-10%;
    margin-left: -50%;
    border-radius: 50%;
}



.content-details{
    margin-top: 8em;
    margin-right: 2em;
    margin-left: -28em;
    font-size: 20px;
}

.content-details li{
    padding:5px;
    word-break: break-all;
}

#btn-close-modal{
    margin-top: 20px;
}
.modal-content{
    background: #f8fafe !important;
    border: none !important;
}
/* about page team overlay  */
.element-item {
    position: relative;
    color: #262524;
    overflow: hidden;
    
}
.element-item:hover .isotop-overlay {
    top: 0;
}

.isotop-overlay {
    position: absolute;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: -100%;
    transition: .5s;
}
/*  */
.isotop-overlay h2{
    margin-top: 100px;
    color: white !important;
}

.modal-body i{
    color:#002169 !important;
    padding:5px;
}
.modal-body i:hover{
    color:#00BED6 !important;
}

.modal-social-icon{
    display: flex; 
    list-style: none; 
    justify-content: flex-end;
}
.profile-modal-img{
    height:200px;
    width:200px;
    /* width:100%; */
    border-radius: 50%;
    
}

.content-area img{
    height: 400px !important;
}

.slide-content{
    box-shadow: inset 2000px 0 0 0 rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, 1);
    padding: 15px; 
    margin-bottom:15px; 
    border-radius:1%

}