/*your custom css goes here*/ 

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css');





.bg-navy-blue{background-color: #214177!important;}

.border-left-1{border-left:1px solid #6e91cc!important}

.border-right-1{border-right:1px solid #6e91cc!important}



.slider-content{padding: 100px 0;}

.slider-content h1{font-size: 60px;}





.mt-min-up{margin-top:-150px; border-radius: 20px; box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.35);}

.border-radius-20{border-radius: 20px;}

.border-radius-15{border-radius: 15px;}

.border-right-radius-15{border-top-right-radius: 15px; border-bottom-right-radius: 15px;}





.btn{border-radius: 20px;}

.fs-50{font-size: 50px;}

.icon-img{width: 70px; height: 70px; text-align: center; margin-top:-35px; margin-left: auto; margin-right: auto; position: relative; border-radius: 50%; background-color: #214177!important; }

.icon-img img {

    width: 40px;

    margin: auto;

    padding-top: 15px;

}



.cat-img{height: 200px;}



.list-explore{padding-left: 0;} 

.list-explore li{list-style: none; margin-bottom: 15px;}





.content-on-banner{position: absolute; top: 40px; width: 200px;}

.content-on-banner.left-side{left: 30px;}

.content-on-banner.right-side{right: 30px;}

.content-on-banner .subtitle{font-size: 12px;}

.content-on-banner .m-title{font-weight: 700; font-size: 30px; line-height: 30px;}

.content-on-banner .buy-title{font-weight: bold; font-size: 14px;}



.side-start-bg{position: absolute; left: 0; top: 0; width: 30%; height: 100%;}

.border-1{border:1px solid #ccc}



.newsletter-cloud9{position: relative;}

.newsl-btn{position: absolute; text-transform: uppercase; right: 0; top: 5px; margin-right: 10px; border-radius: 40px!important; }



.newsletter-cloud9 > input{ background-color: #e2eaf3!important; color: #214177; border:0;  border-radius: 40px!important;

    padding-right: 150px; height: 53px;

    color: #000!important;}



 .bg-l-gray{background-color: #f1f0f0; }   



 .testimonial {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}


.testimonial_box-top {

    background-color: #fff;

    padding: 0px 30px 30px 30px;

    border-radius:0px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    text-align: center;

    box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);

}

.testimonial_box-icon {

    padding: 10px 0;

}

.testimonial_box-icon i {

    font-size: 25px;

    color: #14213d;

}

.testimonial_box-text {

    padding: 10px 0;

}

.testimonial_box-text p {

    color: #293241;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0;

}

.testimonial_box-img {

    padding: 0px 0 10px;

    display: flex;

    justify-content: center;

    margin-top: -45px;

}

.testimonial_box-img img {

    width: 90px;

    height: 90px;

    border-radius: 50px;

    border: 2px solid #e5e5e5;

}

.testimonial_box-name {

    padding-top: 10px;

}

.testimonial_box-name h4 {

    font-size: 20px;

    line-height: 25px;

    color: #293241;

    margin-bottom: 0;

}

.testimonial_box-job p {

    color: #293241;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 3px;

    line-height: 20px;

    font-weight: 300;

    margin-bottom: 0;

}









.search-field {

	background-color: transparent;

	background-image: url(img/search-icon.png);

	background-position: 5px  center;

	background-repeat: no-repeat;

	background-size: 24px 24px;

	border: none;

	cursor: pointer;

	height: 40px;

	margin: 3px 0;  

	padding: 0 0 0 34px;

	position: relative;

	-webkit-transition: width 400ms ease, background 400ms ease;

	transition:         width 400ms ease, background 400ms ease;

	width:0px;

   cursor: pointer;

 

}

.search_home .search-field{  filter:invert(1)}

.search-field:focus {

	background-color: #000;

	border: 2px solid #c3c0ab;

	cursor: text;

	outline: 0;

	width: 250px;

  color:#fff;

}

.search-form

.search-submit { 

display:none;

}



@media (max-width:992px) {

    .slider-content{padding: 10px 0;}

    

.slider-content h1{font-size: 22px;}

.mt-min-up{margin-top:-0px; }

.fs-50{font-size:20px;}



.h2, 

h2{

    font-size: 2.5rem;

    text-align: center;





}

}